显示块上的CSS闪烁

时间:2014-04-30 01:05:03

标签: css css3

我有一个隐藏的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;
    }

1 个答案:

答案 0 :(得分:1)

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

Updated Example Here

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

..或者,in supported browsers,您也可以使用pointer-events:none获得不同的结果。

Example Here

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