background-image:url(yellow.jpg);
background-size:180px 180px;
background-repeat:no-repeat;
上面提到的css在chrome上工作得很好但 ie9 无法正确缩放图像+显示图像
答案 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文档的顶部。