Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/39.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/grails/5.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 多背景图像IE8_Jquery_Css_Internet Explorer_Jquery Plugins_Internet Explorer 8 - Fatal编程技术网

Jquery 多背景图像IE8

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

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

CSS3 PIE可能会满足您对Internet Explorer和传统Mozilla Firefox的多种背景的要求


此库支持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>