2011-11-07 48 views
3

我打獵,提供IE6的解決方案 - 以下IE8支持:CSS3背景尺寸EM與IE6,IE7,IE8支持

background-size: 10em 10em; 

這將允許人們有超過背景的動態調整大小控制圖片。

我很滿意幾乎任何解決方案(HTC,JavaScript,CSS Hacks等)。

我不想在整個容器中拉伸背景圖像。這可以通過-vendor-background-size(使用覆蓋範圍值)和MS特定過濾器(IE6-8)完成。

+0

不知道如果你找到你的解決方案,但這一個http://stackoverflow.com/questions/2991623/make-background-size-work-in-ie做到了這一切爲我。 – darksoulsong

+2

[CSS3Pie](http://css3pie.com/)的第2版說,它增加了對IE6-8的'background-size'的支持。我還沒有嘗試過這個特定功能,但CSS3Pie的其餘部分相當不錯,所以值得一試。 – Spudley

回答

0

我能想到的似乎找到了唯一的解決辦法就是:

background-size: 10em auto; 

保持正確的縱橫比自動。由於寬度是背景圖像的重要屬性,所以明確定義寬度。 的背景大小屬性的正確格式爲:

background-image: width height 

個人我不會用這個作爲縮放方法。 您應該嘗試着眼於響應。爲不同的分辨率加載不同的圖像,通過Smashing Magazine

這是一個很好的開始。

我希望這可以解決您的問題。