我找不到适合我的东西,而且由于我是一个剪切和粘贴 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/