IE 中不显示网站中的徽标答案

【问题标题】：Logo in website is not showing in IEIE 中不显示网站中的徽标
【发布时间】：2012-08-21 01:08:07
【问题描述】：

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

music.thebc.co

感谢您的帮助。

【问题讨论】：

所有版本的IE都不会显示图片。谢谢！

标签： css image internet-explorer png

【解决方案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]-->

【讨论】：

完美运行，谢谢！我从不对图像使用自动宽度。很高兴知道这一点。

【解决方案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>

【讨论】：

【解决方案3】：

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

#logo {
    z-index: 10000;
}

【讨论】：

嗨，猫头鹰。 z-index 是我首先想到的事情之一，但这不是问题。不过还是谢谢。