我遇到与溢出相关的IE7问题。 http://www.photocrayze.com/photos
在Google Chrome，Firefox或任何不是IE7的浏览器上，此布局按预期工作。标签（特别是照片'City People'和'Kaleidoscopic'）在边缘处被切断并设置为半透明度。在鼠标悬停时，边缘会显示并设置为完全不透明。
但是，在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);
答案 0 :(得分：0)
以你的css风格
.photo-browser tr td .photo-info .photo-tags {
margin: 0.5em auto auto;
opacity: 0.5;
overflow: hidden;
position: relative;
width: 200px;
}
摆脱隐藏的溢出，它应该工作。下次还可以使用firexfox的firebug来设置样式以获得所需的输出。但后来我注意到水平滚动条出现了，这可能意味着你需要更多的挖掘来找出如何摆脱它。
答案 1 :(得分：0)
让.photo-tags-inner position:absolute和left:0解决了IE7中的问题，并且在其他浏览器中也能正常使用。