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+