我有一个实时网站 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之外工作。
答案 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;
}