Отображение текста на фоне

[punkz]

Есть вот код

        * { margin: 0; padding: 0; }
   
        #bg { position: fixed; top: 0; left: 0; }
        .bgwidth { width: 100%; }
        .bgheight { height: 100%; }
       
 
#content {font-family: Cuprum; width: 800px; margin: 10% 20% 0; color: #123456; font-size: 72px; text-align: center;}
a {font-weight: bold;
color: #fff;}       
       
        </style>
   
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
 
    <script>
        $(function() { 
       
            var theWindow        = $(window),
                $bg              = $("#bg"),
                aspectRatio      = $bg.width() / $bg.height();
                                       
            function resizeBg() {
               
                if ( (theWindow.width() / theWindow.height()) < aspectRatio ) {
                    $bg
                        .removeClass()
                        .addClass('bgheight');
                } else {
                    $bg
                        .removeClass()
                        .addClass('bgwidth');
                }
                           
            }
                                         
            theWindow.resize(function() {
                resizeBg();
            }).trigger("resize");
       
        });
    </script>
<img src="5.jpg" id="bg" alt="">
<div id="content">
да и зачем так дальше?!
<div/>

Оно берёт картинку и ресайзит её под разрешение автоматом, но как сделать чтобы картинка была именно фоном?

 

[fidelics]

CSS3 поддерживает свойство Для просмотра ссылки Войди или Зарегистрируйся. Только при его использовании можно добиться того, чтоб картинка была именно фоном (а не элементом img) и при этом динамически меняла размер.

 

[latteo]

А CSS2 поддерживает Для просмотра ссылки Войди или Зарегистрируйся[/url]

 

[fidelics]

А CSS2 поддерживает Для просмотра ссылки Войди или Зарегистрируйся

В этом случае масштабируемая картинка никак не будет фоном.
Всего-то нижним слоем.