0

我試圖解決多背景圖片在IE7/IE8中的錯誤...多背景圖片的問題在IE7/IE8

我知道,在最初並不在IE瀏覽器的支持,但我用Google搜索一些有趣的東西在網絡上,例如,Cross-Browser Multiple Background

基本上它是兩個圖像的背景,但我想通過CSS的圖像定義的位置和大小的3圖像... 小提琴代碼不工作在ie7/ie8 ...

http://jsfiddle.net/CsKhy/4/

任何人都可以幫忙嗎?

+1

使用CSS3 PIE使這項工作在舊瀏覽器 – SVS

+0

我同意! CSS3 PIE(http://css3pie.com/)在爲IE提供一些優雅的降級方面有奇效。要小心,儘管它 - somestimes PIE會打嗝,風格根本不會顯示。但是,實際上,Modernizr是最有用的,除非它對ie7/ie8有多個背景是絕對必要的。 –

回答

2

將嵌套div用於交叉瀏覽器兼容解決方案。

演示:
http://jsfiddle.net/CsKhy/5/

注:background-size是不是在IE8或兼容低,所以也許它使用圖像代替backgroundimages更好。

+1

抱歉,但希望從文檔中使用最小到最小html ... html正在嘗試使用某些JavaScript的某些操作,因此我無法提供接觸html部分的內容...... – SaurabhLP

2

我用

<style> 
    .bgImage{width:100%;} 
</style> 

身體標記之後和任何其他代碼插入在此之前

<img src="yourimage" class="bgImage"/> 

不理想的解決方案,但兼容和作品,我用了很多次。 (確保你的圖像是一個大的圖像開始,否則它會扭曲在更大的屏幕上)