我遇到了CKEdit的问题。工具栏显示在一个覆盖在其上的元素上面,就像您在这张截图中看到的那样:
opacity: 0.5
变灰,如果将其移除,则元素会正确放置在 position: fixed
工具栏下方:
受影响的浏览器:
Chrome,Safari,Firefox,Internet Explorer 9
不可测试的浏览器:
Internet Explorer 8(position: fixed
随着页面滚动,因此问题不会显示)
我还没有测试其他浏览器,但似乎这是一个与渲染引擎无关的问题。
浮动(固定)元素本身是不透明的,它不是工具栏的子元素。但是当按钮透明时,它们浮在其上方。但是当不透明度设置为1时,它们位于其下方。因此,看起来不透明度影响了元素的z层。
JSFiddle链接:
http://jsfiddle.net/7gSyB/ - 您可以看到按钮的“Bla”显示在工具栏的“Test”之间,尽管它是不透明的红色。
http://jsfiddle.net/7gSyB/1/ - 将“Bla”切换为不透明,它将留在顶部元素的后面。