多个背景图像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表现得好,你可能需要在头部添加以下内容: