從溢出CSS奇怪：隱藏

Question

至少我認爲這是從溢出隱藏。

我有一堆div作爲行內塊。它們每個都有一個比50x50大的圖像，帶有溢出隱藏設置。有時，負載，圖像不安定很正確：

但如果我右鍵點擊檢查元素時，它立即結算（鉻）。 Safari有類似的行爲。

預期結果：

HTML：

<div id="thumb_overlay">   
      <div class="active"> 
       <img src="1.jpg" data-src="a.jpg"> 
      </div> 

      <div> 
       <img src="2.jpg" data-src="b.jpg"> 
      </div> 

      <div> 
       <img src="3.jpg" data-src="c.jpg"> 
      </div> 


      ... etc 
</div> 

CSS：

#thumb_overlay { 
position: absolute; 
bottom: 5px; 
right: 5px; 
text-align: right; 
background-color: rgba(255, 255, 255, .5); 
padding: 5px 5px 0 5px; 
} 

#thumb_overlay > div { 
display: inline-block; 
width: 50px; 
height: 50px; 
overflow: hidden; 
} 

#thumb_overlay img { 
opacity: .9; 
cursor: pointer; 
} 

Answer 1

嘗試它作爲顯示：塊和下一個浮動它們彼此而不是內聯他們，我有類似的絕對定位和讓步的問題瀏覽器自動定位它們似乎停止了鼠標懸停的問題。