html - 带有 z-index 的 Internet Explorer 中的堆叠问题

标签 html css internet-explorer internet-explorer-8 z-index

我不太擅长 CSS,所以我无法让 IE 正确显示我的菜单栏。正如您在此 fiddle 中看到的那样我有一个简单的栏,用户可以在其中单击他的用户名以显示一些选项。

此代码在 chrome 和 firefox 中运行良好,但它在 Internet Explorer 上执行此操作: enter image description here

如您所见,菜单在导航栏内打开,因此您只会看到第一个选项。

你能打开这个fiddle吗并告诉我我的代码有什么问题?

提前致谢!


解决方案:

哇,这真的很奇怪,但这是 CSS 上的这一行!!这就是它在 fiddle 中起作用的原因,因为我为示例放置了一个简单的背景。为了将来引用,如果您正在进行堆叠,切勿这样做:

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5b5b5b', endColorstr='#282828',GradientType=0 ); /* IE6-9 */

最佳答案

我查看 fiddle在 Internet Explorer 9 中转到开发模式下的 IE 8,我可以看到所有选项。不确定如何重现您遇到的错误。

关于html - 带有 z-index 的 Internet Explorer 中的堆叠问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10928634/

相关文章:

javascript - 将 div 设置为一定数量的像素之前的百分比?

javascript - 如何在javascript中声明div和id/class

javascript - 点击时的 jQuery 动画做一些不同于第一次的事情

javascript - 使 Div 在滚动时滑开

javascript - 使用 href 防止 VML 形状上的默认点击事件

internet-explorer - IE7 中的字体系列 CSS3

javascript - 旧版 IE 中 JSON 对象的问题

javascript - 如何在 div 的顶部和底部获得水平滚动条?

html - Microsoft Edge 处理视口(viewport)高度的方式与其他浏览器不同

javascript - 将工具提示添加到 Javascript 中的下拉列表