IE 8中的壞像素背景圖像

我在Internet Explorer 8和9上遇到了一個小問題，圖像結果與預期不符。像素質量非常差，但在其他瀏覽器，如鉻，歌劇和Firefox看起來非常好。
IE 8中的壞像素背景圖像

這是我的結果：

enter image description here

通過IE瀏覽器上看起來一個圓圈分數呈現的圖像，這是我的CSS代碼：

.social-profiles ul li.facebook a { 
    background: url(img/flat-social-icons/32px/Facebook-32.png); 
    text-indent: -9999; 
    opacity: 0.4; 
    filter: alpha(opacity=40); /* msie */ }

來源

2013-08-18 Mkhuda

也許看看這個問題：http://stackoverflow.com/questions/4972818/ie-shows-black-border-around-png-when-faded-in – Joe

可能的重複[適合背景圖像div ]（https://stackoverflow.com/questions/8200204/fit-background-image-to-div） – Mkhuda

我相信這是使用具有alpha透明度的PNG的MSIE alpha濾波器的問題hemselves。

你的選項是：

烘烤透明度到圖像本身帶有alpha通道
得到圖標不透明背景，融合到上下文
得到圖標透明背景梯度通過使用MSIE梯度濾波器

我會選擇第三個靈活性，但第一個可能是最快的。

來源

2013-08-18 23:35:37

IE 8中的壞像素背景圖像

回答

相關問題