html - Z-index 仅适用于 chrome

标签 html css google-chrome z-index

关闭。这个问题需要debugging details .它目前不接受答案。












想改进这个问题?将问题更新为 on-topic对于堆栈溢出。

7年前关闭。




Improve this question




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


http://getfreekidsmusic.com/christmassongs1/

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

无论如何,我已经在浏览器堆栈中对其进行了测试,它向我展示了整个网站需要一些工作才能真正成为跨浏览器。
我自己开发了 css,然后吸收了 Bootstrap ,这就是 css 文件如此困惑的原因,目前我正在重写和调整 css,但我不知道为什么 z-index 在 Chrome 之外不起作用。

最佳答案

我使用firebug for FF 玩弄了您的网站,问题不在于z-index,而是 Logo 的包装div。当我如下更改这些属性时,FF 工作:

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

关于html - Z-index 仅适用于 chrome,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27359320/

相关文章:

javascript - 使用RegEx替换Div字符串

javascript - 根据数据库值extjs4.2更改记录的颜色

html - 如何使div的内部div响应

css - 在从中加载样式是否(或捕捉到错误)之前,如何测试SWF URL?

css - 带有标签的Chrome问题:悬停和相对位置

javascript - 展开和折叠元素并从 javascript 中删除静态文本

html - 如何更改选择中下拉选项的轮廓颜色?

javascript - 使用 Chrome 扩展更改 navigator.userAgent

javascript - 如何使用angularJS将数据从主窗口传递到chrome应用程序中新创建的窗口?

javascript - 如何在 Vuetify 中删除填充或边距?