你可以強制IE8識別背景大小：100％？

我需要背景圖像精靈根據它們的容器的寬度來調整，而不顯示整個子畫面和背景尺寸：100％完成此，像這樣：你可以強制IE8識別背景大小：100％？

#featured ul.icon-controls li.prevention { 
    background:url(img/ico1.png) no-repeat; 
    background-size:100%; 
    height:60px; 
    width:50px; 
    background-position: 0 -113px; 
}

但可惜，我要支持IE8，它不支持背景大小。我發現了像backgroundSize.js這樣的腳本，它強制IE8渲染背景大小：封面和背景大小：包含，但這些不適用於精靈。我需要爲每個圖標的各種狀態使用一個精靈（懸停/活動/不活動）。

有什麼我可以做的 - 哈克解決方案是確定的給我絕望！

這裏是我完整的代碼小提琴：http://jsfiddle.net/Pw7fL/

來源

2014-02-08 LBF

有沒有一種方法來模仿滑動門技術與圖像而不是背景圖像？我在想我可以把精靈放到一個大小的div中，用overflow：hidden。所以你只能看到精靈中的一個圖標。但我不知道如何完成與CSS的翻轉功能，如果不是背景？ – LBF

看看這個！

https://github.com/louisremi/background-size-polyfill

當我發現它很容易使用！

來源

2014-02-08 22:36:23

我認爲只適用於包含和封面，對吧？這是他們在他們的網站上提到的所有內容這是我上面提到的backgroundSize.js的繼承者，它並不適合我。但我會給它一個鏡頭 - 也許這個新的將起作用！謝謝。 – LBF

哦哇，只是試過這個解決方案，它使用背景大小：封面DID工作。我不知道爲什麼我認爲我不能使用：覆蓋...當我測試它時，它顯示了整個精靈，但我一定有其他錯誤。這有點不好，但我會繼續擺弄它。謝謝。 – LBF

你可以強制IE8識別背景大小：100％？

回答

相關問題