在图象的Html pixelated边缘有透明背景

时间:2014-02-21 18:01:58

标签: html css image web pixel

我有一个带有透明背景的skype徽标图片,你可以在左边的http://test.24car.ro/index.php看到它们,在蓝色部分,你可以通过Skype联系人。这些图片在chrome中看起来不错,但在firefox和opera中它们的边缘看起来像素化。这是为什么?是因为浏览器如何调整它们的大小?我该怎么办?

1 个答案:

答案 0 :(得分:0)

回顾过去的问题: Why is Firefox so bad at resizing images?

基本上解决方法是将 transform:rotate(.0001deg); 赋予元素

<img class="skype_icon" src="..." />

CSS

.skype_icon {
    transform: rotate( 0.0001deg);
    height: 26px;
    width: 26px;
}