IE 8背景封面拉伸引导程序

Question

碎页http://pcp.biz/joomla/

我一直在寻找堆栈溢出以寻找解决方案以解决此背景图像问题。我一直在使用自举盒子并剥去任何余量。

问题是当你将背景设置为封面时，在IE8中它不会拉伸图像的整个长度。

我试过加入谷歌的修复文件。

 <!-- 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')";

我接下来可以尝试的任何想法，或者我做错了什么？

谢谢， 布伦特

Answer 1

固定！最后，您必须使用完整的URL作为路径图像。这是因为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')"; 

希望这有助于其他人：）

Answer 2

如果您可以使用jQuery解决此问题，那么https://github.com/pakcheong/jqthumb可能会有所帮助。此插件用于解决IE6，IE7和IE8中的后台覆盖问题。