html - IE 8 Background Cover Stretch Bootstrap

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

固定的！最后，您必须为 ie 路径图像使用完整的 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 中的背景覆盖问题。