css - IE 中不显示网站中的徽标

Question

在除 IE 之外的所有浏览器中显示。该图像是透明的png。

音乐.thebc.co

谢谢您的帮助。

Answer 1

IE不欣赏width:auto

在图像周围放置一个条件 if 以提供没有宽度的 IE 1

http://www.quirksmode.org/css/condcom.html

只是要清楚：

<!--[if IE]>
<img height="100" id="logo" alt="The Brilliantly Creative Company Logo" src="http://www.music.thebc.co/images/bcco_logo.png"/>
-->
<!--[if !IE]> -->
<img width="auto" height="100" id="logo" alt="The Brilliantly Creative Company Logo" src="http://www.music.thebc.co/images/bcco_logo.png"/>
<!-- <![endif]-->

Answer 2

尝试按照此处的建议使用 AlphaImageLoader：http: //support.microsoft.com/kb/294714

<div style="position:absolute; left:140px; height:400; width:400;
     filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(
     src='image.png', sizingMethod='scale');" >
</div>

Answer 3

在 IE9 中看起来图像放置正确，但它只需要更高的 z-index；试试这个 CSS：

#logo {
    z-index: 10000;
}