动态CSS背景URL

时间:2010-06-17 05:53:50

标签: html css

考虑这个CSS属性:

background: url(http://images.something.com/background.png) left top repeat-x;

有没有办法动态指定外部文件中使用的URL(意味着URL是自动生成的,而不是CSS文件中的硬编码)?

感谢。

4 个答案:

答案 0 :(得分:3)

Dynamic CSS Background URLs

还有另一个很酷的技巧。

您可以添加

  

.PHP

到文件的名称,这样下次有人会调用超文本预处理。

现在您可以轻松完成( in 您的CSS文件):

  

<?php $ num = rand(1,3); ?>

     

background:url(http://images.something.com/background<?php echo $ num;?&gt; .png)left top repeat-x;

这将在

之间随机切换背景图像
  

background1.png,background2.png和background3.png

P.S。别忘了更新您的&lt; link&gt;到您的css .php 文件。

答案 1 :(得分:2)

background: url(http://images.something.com/getimage.html?image=random) left top repeat-x;

在getimage.html中,检查请求[image] ==“random”。使用您想要的任何服务器端语言,使用任意或随机选择的图像进行响应。

答案 2 :(得分:0)

您可以调用服务器端页面,并根据变量,可以在那里放入不同的CSS。

如果你的意思是html / css - 那么你可以动态地做。

答案 3 :(得分:0)

您还可以使用Javascript设置背景图像(存在大量可能性),但HTML和CSS本质上是静态语言。