html - Flickering issue when overlaying a div on hover of another div -


apologies if title confusing. i've got div which, on hover, activates second div display:block, displaying above underlying div. works except flickering experience when moving cursor on second div.

another minor issue second div disappears fraction of second when it's clicked.

check jsfiddle example: http://jsfiddle.net/ub82s/1/

**

view fiddle

**

change html be:

<div class="product-main">     <div id="img-container" class="img-container">     <div class="feature-product-img" id="feature-product-img" style="display: block;">       <a href="http://www.spinnakerextreme.com/2012-tt-isle-of-man-official-review-blu-ray-and-dvd.html" title="2012 tt isle of man official review blu ray , dvd">            <img class="product-img" src="http://www.spinnakerextreme.com/media/catalog/product/p/r/product_2_bg.png" alt="2012 tt isle of man official review blu ray , dvd" />       </a>       ****move inside feature-product div****      <div class="main-img" id="main-img">         <a href="http://www.spinnakerextreme.com/2012-tt-isle-of-man-official-review-blu-ray-and-dvd.html" title="2012 tt isle of man official review blu ray , dvd">             <img src="http://www.spinnakerextreme.com/media/catalog/product/cache/1/small_image/9df78eab33525d08d6e5fb8d27136e95/t/t/tt_man_review_1.png" height="184" id="main-image-img"/>         </a>      </div>      ************  </div> </div> <div class="product-description">   <a href="http://www.spinnakerextreme.com/2012-tt-isle-of-man-official-review-blu-ray-and-dvd.html" title="2012 tt isle of man official review blu ray , dvd">       2012 tt isle of man official review blu ray , dvd    </a> </div> 

change css to:

.feature-product-img:hover > .main-img{  display:block; }  .feature-product-img .main-img:active { display:block; } 

Comments

Popular posts from this blog

c# - How Configure Devart dotConnect for SQLite Code First? -

c++ - Clear the memory after returning a vector in a function -

erlang - Saving a digraph to mnesia is hindered because of its side-effects -