2009-05-19 57 views
0

我很难弄清楚为什么IE和Firefox中的东西看起来如此不同。 这里是一个CSS类CSS显示:阻止问题,谁是罪魁祸首IE或Firefox?

.logo { width: 224px; height: 120px; position: relative; 
    display:block; left: -1px; background-image: url(logo.png);} 

在IE浏览器可正常工作,但在Firefox它就像一个喝醉了!我在页面上的不同位置看到3个logo.png。如果我删除display:block,则无法在任一浏览器中看到图像。

任何意见赞赏。

+2

你可能需要发布一些HTML。 – RichieHindle 2009-05-19 12:01:10

+0

非常感谢所有回复。这是一个示例页面的链接,这使我疯狂 http://india3.fasttrackteam.com:8080/sample/sample.htm。 有趣的是标记没有多个图像,但Firebug将它们视为多个图像! – theraneman 2009-05-19 12:27:53

回答

6

您可能需要

background-repeat: none; 

添加到您的CSS类。而对于未来的参考,它总是IE是搞砸了;)

编辑:如果不解决您的问题,请把一个样品点住的地方,我们可以看看它和实验一点点。另外,Firebug可能会有所帮助。

EDIT2:删除这一点,因为我注意到萤火虫,我从右击得到了src和选择之间的区别“查看源文件......”

EDIT3:史蒂夫找到了你的问题:不能自我关闭锚。更改

<a href="/" id="logo" /> 

<a href="/" id="logo"></a> 
1

正确的,问题始终IE。如果Firefox有问题,通常是w3c规范的问题。不是一个变形金刚迷,事情就是这样。

我猜你的问题是背景重复的默认值是不同的浏览器之间。你应该尝试设置背景重复:不重复编辑:也许不是,所有浏览器默认重复。

知道您要将徽标应用到什么元素是有用的。不管它是什么,当不是块时,可能会崩溃到0px的高度。在上面放一个边框来看看那里发生了什么。

2

你的问题是在HTML中。你不能不能自己关闭标签

相关问题