html - 动态 CSS 背景 URL

标签 html css

考虑这个 CSS 属性:

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

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

谢谢。

最佳答案

Dynamic CSS Background URLs

还有另一个很酷的技巧。

你可以添加一个

.php

添加到文件名,以便下次有人调用它时对其进行超文本预处理。

现在您可以轻松执行(您的 CSS 文件中):

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

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

这将随机切换背景图像

background1.png, background2.png and background3.png

附注不要忘记将 更新为 css.php 文件。

关于html - 动态 CSS 背景 URL,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3059219/

相关文章:

javascript - 带有自动换行的 HTML5 Canvas 打字机效果?

javascript - 为什么我的 onClick 事件没有在图像上触发?

PHP-单击时如何将数据库中的值传递到另一个页面

javascript - 如何从元素中获取属性?

javascript - 启用 :active state in IE7 with jQuery?

javascript - 如何在ajax中显示通知后设置超时隐藏div

html - 打开下拉菜单时出现黑色边框 - IE 10

javascript - 如何在 html/javaScript/Jquery 中获取 "browse for folder"

html - margin 不起作用?

javascript - 内联换行符?