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

我必须使用外部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;
 }

path按文件结构给出.

解决方法

使用纯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)] + ')'});

我希望这段代码对你有所帮助,谢谢..