Question

我在外部css样式表中引用的徽标在Firefox中运行良好，但似乎无法在Internet Explorer中使用：

下面是我正在使用的代码：

#header
    {
    width: 760px; 
    float: left;
    background-color:  #fff;
}


#header h1
    {
    float: left;
    font-size: 1em;
    text-indent:-9999px;
}





#header h1 a
{

background:#fff url(images/logo.jpg) no-repeat;

width:290px; 

height: 75px;

float:left;

text-decoration:none;

}

有人能提出一种方法，让我可以正确地看到这个标识吗？

谢谢

马特

Answer 1

尝试将overflow: hidden添加到任何浮动元素。

Answer 2

尝试将display:block添加到您的#header h1类中，如果仍然无效，请尝试将#header h1 a background更改为粉红色并验证其diminsions。

更新：如果您的徽标已折叠，请尝试移除浮动：左侧。你已经有浮动：左侧标题和标题h1。您可能还想使用clear代码，或者更好的是，实施clearfix

Answer 3

我肯定会寻找类似于Firebug for IE的东西（必须有一些东西......）然后点击一下。这不是一个太科学的方法，基本上只是试错，但我敢肯定，如果问题是这样的小问题，你可以立即到达它的底部这样:)祝你好运

Answer 4

实际上，请尝试使用 display：none;删除标题元素中的文本与“background：”定义组合。

Answer 5

如果您的徽标（图片）是CMYK，则不会显示。请确保您的徽标是RGB格式，否则其他浏览器将不支持\

KosovoCustomDevelopment

Answer 6

IE可能会将链接视为文本，因此会缩进锚点而不是锚点内的文本内容。

尝试将text-indent属性移动到锚点的规则中。

#header h1 {
  float: left;
  font-size: 1em;
}

#header h1 a
{
  background:#fff url(images/logo.jpg) no-repeat;
  width:290px; 
  height: 75px;
  float:left;
  text-decoration:none;
  text-indent:-9999px;
}

这有什么不同吗？

我的徽标适用于Firefox但不适用于IE

6 个答案: