Question

css背景兼容问题不能100%显示（360浏览器）？

错误显示
100%的正确显示
代码：
#head .content{width:100%; height:220px; margin-top:5px; padding:0; background:url(../images/beijing.jpg) no-repeat;}

请求支援





Answer 1

你在进行网页排版时，就好像是在站队一样，要有个东西能够约束这个图片在固定的位置中显示，你要显示多大都可以的。
可以用DIV来做一个100%的背景图片，还可以用table来做，最好用css来做，我也在学习中，希望能够帮到你。
<div style="position:absolute; left:0; top:0; width:100% "><img src="beijing.jpg" width=100%></div>

Answer 2

1. 检查了一些Javascript框架，标准的jquery类库1.x系列，确认其工作正常，问题不是在于Javascript方面。

2. 排查掉HTML标签内容的显示 问题。

3. 怀疑是CSS在不同浏览器下的兼容性问题，见过排查，没有发现问题。

4. 排查360浏览器，发现其在当前页面的显示中，默认使用了IE7的渲染引擎。同时，在IE7的环境下，重现了类似情况。

5. 本质上，这个显示问题是页面在IE7下面的兼容性显示问题。

Answer 3

1.首先讲下360浏览器其实内核就是IE6，所以这个兼容就是指IE6支持不够好；
2,这个应该很好解决啊，固定好这个图片的长和宽即可，不要设置为了100%因为有些浏览器的兼容性不好，支持自然不好，该少的咱就少，不能少的我们还是不要少的；
3。我看是在前面有专门设置图片的样式，IE6有时就是这样的优先支持前面的样式，而不按照就近原则；

Answer 4

你的背景如果是一张图，要重复出现，就不应该给“ no-repeat”属性的