html - IE 8 背景覆盖拉伸(stretch) Bootstrap

Question

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

我一直在寻找解决堆栈溢出问题的方法来解决这个背景图像问题。我一直在为盒子使用 bootstrap 并去掉任何边距。

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

我试过包含 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')";

有什么想法我接下来可以尝试，还是我做错了什么？

谢谢，布伦特

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

希望这对其他人有帮助:)