我很难弄清楚为什么IE和Firefox中的内容看起来如此不同。 这是一个CSS类
.logo { width: 224px; height: 120px; position: relative;
display:block; left: -1px; background-image: url(logo.png);}
在IE中，这可以正常工作，但在Firefox中，它表现得像个醉汉！我在页面的不同位置看到3 logo.png。如果我删除display：block，那么我无法在任一浏览器中看到图像。
任何评论都表示赞赏。
答案 0 :(得分：6)
您可能需要添加
background-repeat: none;
到你的css课程。为了将来的参考，它总是IE搞砸了;）
编辑：如果这不能解决您的问题，请在我们可以查看的地方直播一个示例网站并进行一些实验。此外，Firebug可能会有所帮助。
EDIT2：删除了这个，因为我注意到firebug和我从右键单击并选择“View Source ...”得到的src之间的区别
EDIT3：史蒂夫发现了你的问题：你无法自我关闭锚点。变化
<a href="/" id="logo" />
到
<a href="/" id="logo"></a>
答案 1 :(得分：2)
您的问题出在HTML中。你不能不能自我关闭A标签
答案 2 :(得分：1)
正确，问题始终是IE。如果firefox有问题，通常是w3c规范的问题。不是粉丝，只是事情的方式。
我猜你的问题是浏览器之间背景重复的默认值是不同的。您应该尝试设置background-repeat：no-repeat编辑：可能不是，所有浏览器都默认重复。
了解您要应用徽标的元素会很有用。无论它是什么，可能会在没有阻挡时折叠到0px的高度。在上面放一个边框，看看那里发生了什么。