顯示屏上的CSS閃爍

我有一個隱藏的div，我想在另一個div的懸停上顯示。我正在得到理想的結果，但有一個不希望的閃爍。看到這裏http://jsfiddle.net/CL7gj/顯示屏上的CSS閃爍

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; 
    }

來源

2014-04-30 Greg

改變選擇，包括懸停元素#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; 
}

來源

2014-04-30 01:08:18

謝謝。指針事件：沒有給我我要找的東西。你能告訴我哪些瀏覽器不支持它嗎？ – Greg

@Greg [**這是一個很好的參考**]（http://caniuse.com/pointer-events）..如果支持是一個問題，你也可以做一些像[** this **]（http ：//jsfiddle.net/DxwDj/） –

喬希，再次感謝你。你最後一個小提琴很好用，但由於某種原因，當我應用它時，我仍然看到閃爍在聖勞倫斯Bason部分http://www.gregtaylordesignstudio.com/Great-Lakes-Project/watershed.html – Greg

顯示屏上的CSS閃爍

回答

相關問題