显示块上的CSS闪烁

Question

我有一个隐藏的div，我想在悬停另一个div时显示它。我得到了想要的结果，但有一个不希望的闪烁。请参阅此处http://jsfiddle.net/CL7gj/

HMTL

<div id="basin-stlaw"></div>
<div id="stlaw"></div>

CSS

#basin-stlaw:hover + #stlaw { display:block }
#basin-stlaw {
    width:300px;
    height:250px;
    -ms-transform: rotate(35deg); /* IE 9 */
    -webkit-transform: rotate(35deg); /* Chrome, Safari, Opera */
    transform: rotate(35deg);
    left:620px;
    top:75px;
    position:absolute;
    border: thin dotted #39C;
}
#stlaw {
    background-color:red;
    position:absolute;
    width:900px;
    height:589px;
    top:0;
    left:0;
    display:none;
    }

Answer 1

更改选择器以在悬停时包含元素#stlaw：

此处更新示例

#basin-stlaw:hover + #stlaw, #stlaw:hover {
    display:block
}

或者，在受支持的浏览器中，您也可以使用pointer-events:none来获得不同的结果。

此处示例

#basin-stlaw:hover + #stlaw {
    display:block;
    pointer-events:none;
}