我有一个隐藏的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;
}
答案 0 :(得分:1)
更改选择器以在悬停时包含元素#stlaw
:
#basin-stlaw:hover + #stlaw, #stlaw:hover {
display:block
}
..或者,in supported browsers,您也可以使用pointer-events:none
获得不同的结果。
#basin-stlaw:hover + #stlaw {
display:block;
pointer-events:none;
}