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重复（重复y）..是否可能？

Answer 1

以下是您可以尝试的不同技术列表：

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

其中一些甚至可以用于IE7 +

IE7的后台大小解决方案

1 个答案: