有人了解关于Opera大纲bug的更多信息吗?
看看这个:
<div id="outline">TEST</div>
<div id="another-div">Another div</div>
#outline {
border: solid 1px #000;
outline: solid 1px red;
background-color: #fff;
width: 200px;
height: 200px;
}
#another-div {
position: absolute;
top: 100px;
left: 100px;
border: solid 1px #000;
outline: solid 1px blue;
background-color: #eee;
width: 200px;
height: 200px;
z-index: 5000; /* even this is not helping */
}
我正在使用最新版的Opera浏览器,在两台不同版本的机器上检查过,它们都呈现出相同的效果:
在任何FF / Safari / Chrome中,轮廓线都在灰色区域下方,但在Opera中仍然在上方(即使div父级远在下方!)。谷歌搜索只提供“Opera 9.5+ CSS bug:渲染轮廓线超过绝对定位”的链接,但它不想打开。有任何临时解决方案吗?或者我瞎了,做了可怕的错误吗?
outline
元素也可以被使用。我已经阅读了更多有关这个问题的信息,包括为什么Opera以这种方式实现轮廓线,但我仍然认为这没有任何意义。我认为像outline
这样的CSS属性不应该只用于调试,并且我无法想象在任何情况下都需要“outlines
总是在顶部”的真正用例。至于同时使用边框和轮廓线,有很多原因可能会导致这样做。我曾经使用过它,直到我遇到了这个bug。 - Mr. Shiny and New 安宇