css - 将鼠标悬停在IE中具有绝对位置的缩略图上

我创建了一个缩略图图片网格，将其悬停在该图片上时，该图片就会消失，并显示带有图像标题的块色。但是在Internet Explorer中，图片和文本没有出现在其设置的缩略图空间中，而是全部出现在左角。

图片和标题存储在box /类别宽屏div中，这是wordpress的动态代码。

有任何想法吗？

#page-wrap {width: 1060px; padding-bottom: 40px;}
.box { margin: 20px; float: left; }

.category-widescreen { width: 400px; height: 229px; background: #FF0000; }
.category-widescreen a{text-decoration: none;}
.category-widescreen h1{font-size: 30px; color: #FFF; line-height: 34px;}
.category-widescreen h2{font-size: 26px; color: #FFF;  line-height: 30px;}

.title{position:absolute; top:14px; left:14px; z-index: 0; padding-right: 14px;}

.category-widescreen img { max-width: 400px; max-height: 229px; float: right; padding: 0 0 2px 10px; z-index:1; position:relative;}

感谢您的任何帮助！

最佳答案

太含糊！正如另一个人所建议的那样，给出基本的html结构。但是，一些观察：
字体大小不是有点大（30px和26px）吗？
标题{position：absolute; ...} ....确保父项的样式为position：relative，否则会变得一团糟；
浮动怎么样？您是否确定事物向正确的方向浮动？

希望帮助或至少睁开了眼睛！哈哈哈...

关于css - 将鼠标悬停在IE中具有绝对位置的缩略图上，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/8037215/