2019独角兽企业重金招聘Python工程师标准>>> 
在使用jquery中的load函数动态加载html页面时，html页面中带有background-image 元素。在IE浏览器中不能正确显示背景图片。比如：
复制代码
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16<html> <head> <style type='text/css'> div.role_underline{ height: 3px; width: 200px; background-image: url('images/role_underline.png'); background-repeat: repeat-x; background-position:center; } </style> </head> <body> <div class='role_underline'></div> </body> </html>
当我们在IE浏览器中，使用jquery 的load函数加载上面代码时并不能看到背景图片，但是firebox浏览器显示是正常的。
如何解决：方法一：不在css中定义背景图片，在元素的style中设置。<div class='role_underline' style="background-image: url('images/role_underline.png');"></div>
方法二：在load 的回调函数中重新设置背景图片。$("div.role_under_line").css("background-image:","url('images/role_underline.png')");
注意：当我们使用jquery 动态添加带有背景图片的元素时，也需要使用这方法。
转载于:https://my.oschina.net/zhailibao2010/blog/114013
最后
以上就是感性冬天最近收集整理的关于IE浏览器中jquery 使用load html 的background-image不能显示的问题的全部内容，更多相关IE浏览器中jquery内容请搜索靠谱客的其他文章。
本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
发表评论 取消回复