多个背景图像IE8

是否有任何jquery插件(或任何其他方式)强制IE8显示多个背景图像?

适用于Internet Explorer和旧版Mozilla Firefox的CSS3多个背景

该库通过从样式和链接标记中读取CSS代码,将多个背景图像支持到Internet Explorer 6-8和Firefox <= 3.5。

CSS3浏览器支持扩展到背景图像,背景位置,背景重复。 此库仅为简写样式背景属性实现其自己的属性。

http://plugins.jquery.com/project/multiple-bg

在此处输入图像描述

示例用法

包括脚本

所有需要包含的是jQuery库和这个脚本,这些function可以使用。 无需额外的Javascript编码。 缩小的图书馆只有8.7kB!

  

编写CSS

使用此Javascript库读取使用background属性的多个背景。 请注意如何支持hover和活动状态。

 #ex1 { background: url(middle.gif) repeat-x 0 0; /* For unsupported browsers */ background: url(left.gif) no-repeat 0 0, /* For CSS3 Browsers */ url(right.gif) no-repeat 100% 0, url(middle.gif) repeat-x 0 0; } #ex1:hover { background: url(middle-hover.gif) repeat-x 0 0; /* For unsupported browsers */ background: url(left-hover.gif) no-repeat 0 0, /* For CSS3 Browsers */ url(right-hover.gif) no-repeat 100% 0, url(middle-hover.gif) repeat-x 0 0; } #ex1:active { background: url(middle-active.gif) repeat-x 0 0; /* For unsupported browsers */ background: url(left-active.gif) no-repeat 0 0, /* For CSS3 Browsers */ url(right-active.gif) no-repeat 100% 0, url(middle-active.gif) repeat-x 0 0; } 

CSS3 PIE可能会做你想要的CSS3 PIE

如果它不超过3个图像作为背景,你可以在css中使用:before:after 。 例如,请参阅此链接 。

如果你想让ie7表现得好,你可能需要在头部添加以下内容: