Z-index仅适用于chrome

时间:2014-12-08 13:40:09

标签: html css google-chrome z-index

我有一个实时网站 http://getfreekidsmusic.com/christmassongs2

http://getfreekidsmusic.com/christmassongs1/

我希望徽标位于.content div之上。主要是我使用谷歌Chrome DT,因为我更喜欢它而不是FF fire-bug,但我也有FF,在chrome z-index和其他css呈现我想要的方式,但在Firefox中没有z-index和项目正常显示,因为没有给出索引。

无论如何,我已经在浏览器堆栈中对它进行了测试,它向我展示了整个网站需要一些工作才能真正实现跨浏览器。 我自己开发了css然后吸收引导程序,这就是为什么css文件如此混乱,目前我正在重写和调整css,但我不知道为什么z-index不会#c;在Chrome之外工作。

2 个答案:

答案 0 :(得分:0)

因为我们没有任何代码片段 - 而且我已经看到z-index在firefox中工作,我为你找了一个tut。

通过谷歌发现这个: http://www.smashingmagazine.com/2009/09/15/the-z-index-css-property-a-comprehensive-look/

  

虽然z-index不是一个难以理解的属性,但由于   错误的假设可能会给初学者造成混乱。   之所以出现这种混淆,是因为z-index只适用于元素   其position属性已明确设置为绝对,固定或   相对的。

答案 1 :(得分:0)

我使用firebug for FF玩你的网站,问题不是z-index,而是徽标的包装div。当我改变这些属性时,FF工作如下:

#logo img {
margin-bottom: -100px;
position: static;
width: 100% !important;
}