php - 随机 CSS 背景图片

标签 php html css background rotator

我找不到适合我的东西,而且由于我是一个剪切和粘贴 html 编辑器(我只知道主要的基本内容),所以我不理解其他大部分帖子。这是我正在使用的网页:http://goo.gl/MgsoX4 (我将它托管在保管箱上,因为我还没有完成它)。我的想法是每次刷新/重新加载页面时都会更改背景。我似乎找不到任何适合我的东西。背景的 CSS 如下:

#banner {
    background-attachment: scroll,                          fixed;
    background-color: #666;
    background-image: url("images/overlay.png"), url("../images/1.jpg");
    background-position: top left,                      center center;
    background-repeat: repeat,                          no-repeat;
    background-size: auto,                          cover;
    color: #fff;
    padding: 12em 0 20em 0;
    text-align: center;
}

每当我将“../images/1.jpg”更改为“../images/2.jpg”时,背景将更改为第二个 jpg,但我尝试了一个 php 图像旋转器,但它不会没用!

最佳答案

您遇到的问题是您试图在样式表中定义图像。为了创建随机背景图像,必须将其附加为内联样式。

保持 css 的当前状态以备后备。然后你会让 div 看起来像这样:

<div id="banner" style="background-image:url("images/newImage.jpg");"></div>

@Steve-Sanders 的评论也是正确的,因为您需要一个实际的服务器来运行 PHP。

关于php - 随机 CSS 背景图片,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26682838/

相关文章:

php - 如何在 Ubuntu 上使用 Valet 进行 php-debug 扩展 - 502 Bad Gateway

php - 使用 mysqli_num 将数据库列的所有值存储在数组中(为什么不起作用)

php - 将 3 个盒子排成一行

javascript - 从 HTML 表中删除行

html - 基于 CSS 的布局等同于基于 HTML 的表格

javascript - d3 在 setinterval 动画完成时更改按钮样式

php - 用于客户端下载的 WHMCS Hook ?

javascript - jquery将thead tr td的属性复制到tbody tr td

javascript - 强制网站在 Iframe 中显示

jquery - 将一个元素的文本颜色设置为另一元素的背景颜色