ie中的图像是像素化的 [英] Images in ie are pixelated
本文介绍了ie中的图像是像素化的的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我已经将png图片上传到网站,他们看起来完美的火狐,chrome和safari,但他们看起来可怕的ie。我已经保存的文件从photoshop,他们有图像大小下的功能,让你选择有图像:双立体自动,双立方更锐利,双立方更平滑,双立方,双线性和最近邻。这些有帮助吗?
I've uploaded png images to a website, and they appear perfect in firefox, chrome and safari but they look horrible in ie. I have saved the files from photoshop, and they have a feature under image size that gives you the option to have the image as: bicubic automatic, bicubic sharper, bicubic smoother, bicubic, bilinear and nearest neighbor. Would any of these help?
html:
<ul class="social">
<li><a target="_blank" href="https://plus.google.com/+ToadhallcottagesCoUk/posts"><img onmouseout=this.src='/images/googleplusgrey-flat.png' onmouseover=this.src='/images/googleplus-flat.png' src="/images/googleplusgrey-flat.png" width="38" height="38" alt="Toad Hall Cottages Google Plus Page"</a></li>
<li><a target="_blank" href="http://www.twitter.com/thcottages"><img onmouseout=this.src='/images/twittergrey-flat.png' onmouseover=this.src='/images/twitter-flat.png' src="/images/twittergrey-flat.png" width="38" height="38" alt="Toad Hall Cottages on Twitter" /></a></li>
<li><a target="_blank" href="http://www.facebook.com/holidaycottages"><img <img onmouseout=this.src='/images/facebookgrey-flat.png' onmouseover=this.src='/images/facebook-flat.png' src="/images/facebookgrey-flat.png" width="38" height="38" alt="Toad Hall Cottages Facebook page"/></a></li>
<li><a target="_blank" href="http://www.pinterest.com/thcottages/"><img <img onmouseout=this.src='/images/pinterestgrey-flat.png' onmouseover=this.src='/images/pinterest-flat.png' src="/images/pinterestgrey-flat.png" width="38" height="38" alt="Toad Hall Cottages Facebook page" /></a></li>
</ul>
css:
img.icon {
vertical-align: middle;
margin-right: 8px;
margin-left: 2px;
image-rendering:optimizeSpeed; /* Legal fallback */
image-rendering:-moz-crisp-edges; /* Firefox */
image-rendering:-o-crisp-edges; /* Opera */
image-rendering:-webkit-optimize-contrast; /* Safari */
}
推荐答案
旧的IE方法是:
-ms-interpolation-mode: bicubic;
这些记录不佳。
这篇关于ie中的图像是像素化的的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文