0

祝你们有美好的一天

我正在尝试找到一种方法将这个图像放在我的 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)..可能吗?

4

1 回答 1

0

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

其中一些甚至适用于 IE7+

于 2013-05-18T11:26:02.887 回答