Question

我知道有关于如何修复IE7 / 8的background-size: cover的帖子，但我的背景是在Drupal中构建的幻灯片。我通过louisremi加载了jquery.backgroundSize.js，但什么都没发生。我将JS添加到网站以便加载，但是我是否需要配置一些东西以使其工作？我对JS不好。

现在我使用了过滤方法：http://css-tricks.com/perfect-full-page-background-image/

但它只带来一个静态图像。反正在IE中保留我的幻灯片吗？

网站Droga5做到了，但我不知道如何。

Answer 1

您可以使用IE过滤器。在你的CSS中添加：

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

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

如果您使用javascript更改html img src ，您还必须在过滤器中更改它。

Answer 2

如果您对jQuery或Zepto方法没问题，可以采用以下解决方案：https://github.com/pakcheong/jqthumb

IE7 / 8修复了背景大小：封面

2 个答案: