ie6图像拉伸和缩放

发布于 2024-09-28 22:15:45 字数 448 浏览 8 评论 0原文

我需要能够拉伸图像背景以适应窗口大小，现在它适用于除 ie6 之外的所有浏览器我在互联网上无休止地搜索解决方案，并尝试了我找到的所有方法，但在 ie6 中似乎没有任何效果，

这是我的演示网站，如果你有 ie6，你将能够看到我的问题我也需要它拉伸整个宽度和高度，而不扭曲图像

http://demo.jigsawfinance.com /

任何人都知道一种可行的解决方案我有 img 标签等，但对于那些没有 ie6 的人来说仍然无济于事，

这里是屏幕 veiw

alt text

正如你所看到的，我有很多空白区域，图像也应该扩展

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

爱的十字路口 2024-10-05 22:15:45

看看这个：
使用 CSS 在后台拉伸和缩放 CSS 图像仅

这种布局似乎也适用于 IE6：
http://www.cssplay.co.uk/layouts/background.html

回复收藏 0 原文

北座城市 2024-10-05 22:15:45

CSS 3 有一种方法可以做到这一点，但由于 IE6 不支持它，我认为最好的选择是使用 img 标签。

例如，

<img src="../images/jigsaw_logo.png" style="width: 100%; position: absolute; top: 0; left: 0; z-index: -1;"/>

这将保留图像的比例并将其移回原处。

另请注意，在 IE 的 css 中，您可以指定表达式，因此如果您在正常 100% css 宽度方面遇到问题，请尝试下面的一种：

width: expression(document.body.clientWidth + 'px');

There is a way for CSS 3 to do this but since IE6 does not support it, I think your best bet is to use the img tag.

e.g.

<img src="../images/jigsaw_logo.png" style="width: 100%; position: absolute; top: 0; left: 0; z-index: -1;"/>

This will retain the proportion of your image and move it back.

Also take note that in IE's css, you can specify expressions, so try the one below if you're having trouble with the normal 100% css width:

width: expression(document.body.clientWidth + 'px');

回复收藏 0 原文

哎呦我呸! 2024-10-05 22:15:45

IE6 的图像拉伸没有质量损失：

<div Style="Position:Relative; Width:2000px; Height:1500px;
Filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(
Src='C:\SomePic.jpg',SizingMethod='scale');"></div>

Image stretching with no quality loss for IE6:

<div Style="Position:Relative; Width:2000px; Height:1500px;
Filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(
Src='C:\SomePic.jpg',SizingMethod='scale');"></div>

回复收藏 0 原文

~没有更多了~