Rom*_*man 3 internet-explorer image filter
我的页面包含如下例所示的图像.图像的宽度取决于浏览器的宽度和高度正在进行自动更改(类似).
在除IE之外的所有浏览器中调整大小后,此图像看起来不错(我在IE7和IE6中测试过).在IE图像看起来很难看.有些部件比应有的厚,有些部件更薄.
alt text http://img39.imageshack.us/img39/7202/88017917.png
我几乎可以肯定,这是由于IE不使用平滑.但我想知道如何解决这个不愉快的问题？
我没有ie7但这段代码应该可以正常工作.但是如何为ie6修复呢？
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<style type="text/css">
img { -ms-interpolation-mode:bicubic; }
</style>
</head>
<body>
<div style="width: 50%;">
<img src="pp.jpg" width="100%">
</div>
</body>
</html>
IE 6是一个风险较高的命题,但在应用AlphaImageLoader CSS过滤器时可以显示改进的图像大小调整,通常用于正确显示具有Alpha透明度的PNG的相同过滤器.例如,filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src ='/ path/to/image.jpg',sizingMethod ='scale');. 虽然这里没有透明度,但应用的调整大小方法可以提供更高质量的结果.
我不能让它工作,实际上我从来没有使用过滤器.也许有人可以给我工作代码？
Joel Spolsky最近在这个博客上发布了一个解决方案:http: //www.joelonsoftware.com/items/2008/12/22.html
添加到CSS的以下内容:
img { -ms-interpolation-mode:bicubic; }
最好的解决方案是使用不需要通过浏览器缩放的图像,但CSS Joel建议改进.
| 归档时间： |
|
| 查看次数： |
5796 次 |
| 最近记录： |