IE 8背景封面拉伸引導

enter image description here

我一直在尋找各地的棧溢出了一個解決方案來解決這個背景圖片的問題。我一直在使用引導程序的方塊並刪除了任何保證金。

問題是當您將背景設置爲封面時，在IE8中它不會延伸圖像的整個長度。

我試過了，包括Google的修復文檔。

<!-- HTML5 shim, for IE6-8 support of HTML5 elements --> 
    <!--[if lt IE 9]> 
    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> 
<![endif]-->

目前我使用

-webkit-background-size: cover; /*for webKit*/ 
-moz-background-size: cover; /*Mozilla*/ 
-o-background-size: cover; /*opera*/ 
background-size: cover; /*generic*/

我也試過這種（https://github.com/louisremi/background-size-polyfill）和波紋管。

filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
src='images/logo.gif', 
sizingMethod='scale'); 

-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(
src='images/logo.gif', 
sizingMethod='scale')";

任何想法，我可以嘗試下一個，或者我做錯了什麼？

感謝，布倫特

來源

2013-04-29 Brent

請確保在該-ms-filter語句中刪除雙引號 – 2013-09-12 20:09:22

固定！最後，你必須使用完整的url作爲ie路徑圖像。這是由於IE瀏覽器修復程序沒有采用相關路徑。

filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
src='images/logo.gif', 
sizingMethod='scale'); 

-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(
src='images/logo.gif', 
sizingMethod='scale')";

應該是...

filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
src='http://www.youwebsite.com/images/logo.gif', 
sizingMethod='scale'); 

-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(
src='http://www.youwebsite.com/images/logo.gif', 
sizingMethod='scale')";

希望這有助於別人:)

來源

2013-05-09 08:10:47 Brent

它不需要是絕對URL（儘管絕對URL將起作用），它只需要是圖像相對於*文件*，而不是css文件。 – 2013-08-22 01:06:17

謝謝.....我不能表達自己....你救了我...... – 2013-12-08 17:47:42

如果您能夠接受使用jQuery解決這個問題，然後https://github.com/pakcheong/jqthumb可能有助於在這種情況下。這個插件是爲解決IE6，IE7和IE8中的背景覆蓋問題而構建的。

來源

2014-05-23 15:46:07

IE 8背景封面拉伸引導

回答

相關問題