jquery - IE7 的背景大小解决方案

Question

大家好

我正在尝试找到一种方法使该图像适合我的 div..我的页面设计为响应式(RWD)。

图像的大小是 340x25 像素，我在 CSS 上做了这个

#mydiv{
 background:url('myimage.png') repeat-y;
 background-size:1px 100%;
}

它适用于 chrome 和 FF，但不适用于 IE7。

有什么可能的解决方案吗？我已经试过了:

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

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

但它只使图像适合整个 div，这不是我的目标结果.. •我想做的是使图像的高度为 1 像素，宽度为 100%，然后使用该图像沿 y 方向重复(repeat-y)..这可能吗？

Answer 1

下面列出了您可以尝试的不同技巧:

• > http://css-tricks.com/perfect-full-page-background-image/

其中一些甚至适用于 IE7+