Question

我的代码在Firefox中运行但在Chrome中中断。只有当我包含嵌入式iframe或嵌入对象时才会发生这种情况。

在IE中，我收到一条关于Active X阻止页面内容的消息。

我点击允许内容和代码工作，否则它在IE中也会中断。

可能导致此错误的原因是什么？我读过HTML元素不能与Active X元素重叠。我有iframe，但也有一个停靠（滚动固定位置）标题和屏幕右侧固定定位导航栏，应该保留在所有元素之上，但添加嵌入内容会使这些粘性div消失。

这是问题吗？有解决方法吗？

Answer 1

我看了你的小提琴，我找到了解决方案; 你需要做的是给你的标题栏一个z-index。如果您未在css中指定z-index，则浏览器将按照它们在DOM树中显示的顺序对元素进行排序。另外我注意到你的菜单没有正确关闭。你可以看到我在这里做了什么：

    .title{
            width:100%;
            font-size:200%;
            background-color:#0C2C52;/*Alternative: #6D929B */
            opacity:.9;
            color: white;
            text-align: center;
            font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
            border-radius: 2px;
            z-index:999;
        }

http://jsfiddle.net/F9y7V/8/

Active X错误阻止代码

1 个答案: