Question

我必须使用外部CSS文件随机更改类的背景图像。图像必须从定义路径中随机选取。

我知道如何在php中处理这个问题，我必须在外部css文件中实现它。

寻找任何css技巧。

这里是css类属性。

.birthday
 {
   background:url(../images/Bday.jpg) no-repeat center;
   font: bold 25px "trebuchet ms", Tahoma, Verdana, Arial, Helvetica, sans-serif;
   color: #930204;
   padding: 25px 0px 0px 200px;
   height: 195px;
 }

路径根据文件结构给出。

Answer 1

使用pure CSS无法做到这一点。

此外，您可以使用javascript随机设置您的网站的背景图像。

参见本教程..

Randomize background image

Impossibly simple image randomize with jQuery

或

尝试此方法

首先创建一个图像数组

var images = ['img1.jpg', 'img2.jpg', 'img3.jpg', 'img4.jpg', 'img5.jpg'];

现在，将随机图像设置为背景图像：

$('body').css({'background-image': 'url(images/' + images[Math.floor(Math.random() *      images.length)] + ')'});

我希望此代码对您有所帮助，感谢..

随机背景图像通过外部CSS文件

1 个答案: