以编程方式编写CSS背景的最佳方法?

Jos*_*osh 3 css php jquery

我想从我的数据库中获取图像,并将其用作背景.这是微不足道的,但是有一种比我目前的方法更好/更快的方式.

目前,我使用Javascript(在<head>)加载我的背景图像,因为我的CSS是链接而不是内部:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type='text/javascript'>
    $(document).ready(function(){
        $('body').css('background', 'url(/_images/galleries/lg_<?php echo getBackgroundImage(); ?>) no-repeat top center white');
    });
</script>
Run Code Online (Sandbox Code Playgroud)

加载页面后,加载背景大约需要半秒钟.我假设延迟可以归因于加载外部JS等.此外,上面的代码作为一个组件包含在内,这样我就不必在网站的每个页面中复制/粘贴该代码.该<body>不是在这包括组件包围.

更快更好的方法吗?

j08*_*691 6

由于您要在文档中添加脚本,因此您可以添加一个<style>包含所需CSS 的块.

  • 这是一个非常好的答案.编写代码来添加样式块比编写代码来编写代码以在页面加载后操作样式要好得多. (4认同)