Question

我想在IE8和早期浏览器上使用CSS3的多个背景。我下载了modenizer库并通过以下代码检测浏览器是否支持多个背景：

if(Modernizr.multiplebgs){
    alert("Your browser supports multiplebgs, enjoy!!");
} else {
    alert("Sorry, browser does not support multiplebgs tag!");
}

我应该在else部分做什么来在IE8和早期版本上进行多个后台工作？

Answer 1

多个背景仅在您使用IE 9.0 +时才有效，IE8及更早版本不实现此功能。我不知道是否有替代方法为IE8和更低版本做类似的事情，但对于这个特殊功能，你无法做任何事情让它在IE8及以下版本中运行。

编辑：我环顾了一下，似乎有一些针对旧版IE浏览器不支持的css3功能的轻微解决方法。

http://coding.smashingmagazine.com/2010/04/28/css3-solutions-for-internet-explorer/

此网站上列出了多种背景替代方案，但最终，它不会像css3那样灵活和有用。我不确定您使用此解决方法的情况是否适用于您，但您可以自己查看。

Answer 2

嗯..我打赌你可以使用javascript为img选择一个随机网址，并将其作为背景div插入全屏幕背景。这可能适用于大多数浏览器。

对于css完整图片：

http://css-tricks.com/perfect-full-page-background-image/

然后你可以在服务器上有多个图像，例如：bg1.png，bg2.png，...

Javascript var randomnumber=Math.floor(Math.random()*11)

然后在javascript中使用变量作为img之后的数字并将其插入背景图像中：

document.getElementsByTagName（'body'）[0] .innerHTML = background-image：url（'bg'+ randomnumber）;

当然，您可以在此处对我的代码进行一些编辑。我只希望你明白这一点：）

在IE上进行多个后台工作

2 个答案: