Question

我设法让我的标题作为ff，safari和opera中的链接用css图像替换

#header h1 {
    background-image: url(../images/logo.png);
    background-repeat: no-repeat;
    text-indent: -9999px;
    margin-left: 15px;
}
#header h1 a {
    display: block;
    height: 120px;
    width: 400px;
    margin-top: -135px;
}

我正在尝试在IE中优化网站，这是我在星期一推出它之前的最后一步，但IE 8或9中的徽标根本没有出现，但在IE 7中却非常令人惊讶。设法通过显示内嵌块

使徽标出现在IE9中

.ie9 #header h1 {
    background-image: url(../images/logo.png);
    background-repeat: no-repeat;
    text-indent: -9999px;
    margin-left: 15px;
}

.ie9 #header h1 a {
    display: inline-block;
    height: 120px;
    width: 400px;
    margin-top: -135px;
}

当我这样做时，图像不再是一个链接，有没有人知道如何解决这个问题？我会把图像放在HTML中，而不是使用图像替换，但它已经被我的脑袋打成了，从SEO角度来看，使用图像替换更好。

Answer 1

我认为导致问题的是margin-top: -135px。高度仅为120px，因此最终为-15px（高度 - 边距），因此消失在H1标签的底部。

H1图像替换出现在每个浏览器中，除了ie？

1 个答案: