IE7与溢出有关。 http://www.photocrayze.com/photos

在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);

最佳答案

在你的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进行样式设置,以获得所需的输出。但是,我注意到然后出现了水平滚动条,这可能意味着您需要进一步挖掘才能找到解决方法。

关于css - IE7中的溢出问题,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/6779887/

10-13 01:09