Jquery 多背景图像IE8
是否有任何jquery插件(或任何其他方式)可以强制IE8显示多个背景图像?CSS3 PIE可能会满足您对Internet Explorer和传统Mozilla Firefox的多种背景的要求Jquery 多背景图像IE8,jquery,css,internet-explorer,jquery-plugins,internet-explorer-8,Jquery,Css,Internet Explorer,Jquery Plugins,Internet Explorer 8,是否有任何jquery插件(或任何其他方式)可以强制IE8显示多个背景图像?CSS3 PIE可能会满足您对Internet Explorer和传统Mozilla Firefox的多种背景的要求 此库支持Internet Explorer 6-8和Firefox的多个背景图像如果背景图像不超过3个,您可以在css中播放:before和:after。看看这个例子 如果希望ie7也能正常工作,您可能需要在头部添加以下内容: <script src="http://ie7-js.googlecod
此库支持Internet Explorer 6-8和Firefox的多个背景图像如果背景图像不超过3个,您可以在css中播放
:before
和:after
。看看这个例子
如果希望ie7也能正常工作,您可能需要在头部添加以下内容:
<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE8.js"></script>
css3pie是一个非常棒的小技巧,但我不知道它可以处理多种背景的CSS???这不是我以前用过的东西,不过我计划很快就用。查看这里的文档,可以使用-pie background属性来完成。只是一个小问题,请确保在实际的IE8浏览器中进行测试-如果您尝试使用IE9的IE8模式,则-pie背景声明不会起任何作用。(至少在写这篇评论时)@mu太短了——我不知道还能说什么。因为我想拥有多个背景,所以我的背景非常广泛,我不知道这对回答我的问题有什么帮助。对于那些需要下载的人,可以在这里找到链接:@Sonner我在ie8中得到了以下错误"网页错误详细信息消息:对象预期行:7字符:1代码:0 URI:文件:jquery.multiple-bgs.min.js消息:对象预期行:13字符:1代码:0 URI:文件:jquery.multiple-bgs。js@eric.itzhak你能解决我的问题吗,就像我在书中定义的那样above@sonner下面是我的代码,我使用上面的代码处理多个图像........... 正文{宽度:1000px;高度:1275px;背景图像:url('part1.jpg')、url('part2.jpg')、url('part3.jpg')、url('part4.jpg');背景重复:repeat-x、repeat-x、repeat-x、repeat-x;背景位置:0px 0px 0px 450px、0px 750px、0px 1245px;背景大小:100%450px、100%300px、100%495px、100%100px;}@sonner但我得到了上述错误(我在上面的评论中提到)在ie中,chrome和ff显示正常正确的图像,你能解决这个问题吗?谢谢
#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;
}
<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE8.js"></script>