从溢出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

尝试它作为显示：块和下一个浮动它们彼此而不是内联他们，我有类似的绝对定位和让步的问题浏览器自动定位它们似乎停止了鼠标悬停的问题。