在IE7中溢出问题

在Google Chrome浏览器，Firefox或任何不是IE7的浏览器上，此布局按预期工作。标签（特别注意照片“城市人物”和“万花筒”）在边缘被切断并设置为半透明。在鼠标悬停时，边缘会显示并设置为完全不透明。

但是，在IE7中，当您将鼠标悬停在某张照片上时，div.photo-tags-inner会展开并混乱布局。我不知道如何更好地解释这个问题......但我该如何解决这个问题？

而且，好像不透明度设置为0.5 IE8不工作（但在IE7和IE9等浏览器的工作原理）...

zoom: 1; 
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0.5); 
opacity: 0.5; 
filter: alpha(opacity=0.5);

该评论如何具有建设性？ –

如果你注意到你在Firefox中也有溢出问题，但是你没有注意到它，因为它的不透明性可能是叠加CSS元素的宽度问题 –

给予.photo-tags-innerposition:absolute和left:0解决了IE7中的问题，并且在其他浏览器中也能正常工作。

2011-07-26 04:06:58

在你的CSS样式

.photo-browser tr td .photo-info .photo-tags { 
margin: 0.5em auto auto; 
opacity: 0.5; 
overflow: hidden; 
position: relative; 
width: 200px; 
}

摆脱隐藏的溢出，它应该工作。下次还可以使用firexfox的萤火虫玩弄造型来获得想要的输出。但后来我注意到水平滚动条出现了，这可能意味着您需要进一步挖掘以找出如何摆脱这一点。

2011-07-21 17:17:46

回答