CSS 3后台大小不适用于IE9

时间:2011-07-21 13:11:24

标签: css3

background-image:url(yellow.jpg); background-size:180px 180px; background-repeat:no-repeat;

上面提到的css在chrome上工作得很好但 ie9 无法正确缩放图像+显示图像

3 个答案:

答案 0 :(得分:7)

你确定你的IE在IE9模式下运行吗?您的代码适用于我尝试的任何图像。

(F12打开开发者窗口)

答案 1 :(得分:0)

我认为问题是基于将图像缩放到合适的大小。你试过这个吗?

background:url(yellow.jpg) 0 0 / 180px 180px no-repeat fixed;

基本上它的作用是:

background:background-image background-position(top)background-position(left)/ background-size(height)background-size(width)background-repeat background-attachment;

这应该适用于IE9(以及所有其他现代浏览器)......

答案 2 :(得分:0)

IE将在quirks模式下打开一个没有doctype标签的页面,其中background-size什么都不做。要强制IE在IE9模式下打开页面,请添加<!doctype html>在每个html文档的顶部。