Question

我遇到了可见性：IE7中隐藏的错误。我的CSS如下：

.image {
float:left;
width:298px;
visibility:hidden;
*visibility: hidden;
}

基本上我希望隐藏div中包含的所有内容，但仍占用并保留空间（所以在这种情况下display：none不起作用）。它适用于IE7以外的所有浏览器，IE7似乎忽略了CSS中的可见性行。

Answer 1

尝试使用text-indent

.image {
float:left;
width:298px;

text-indent: -10000px;

}

Demo

Answer 2

Dipaks的回答几乎就是我的目标。稍微不同的替代方法是使用left: -10000px;查看最适合跨浏览器的方法。如果你有任何问题，尝试添加position: relative;到这个和overflow: hidden;到父元素 - 我有预感（我没有IE7的副本方便检查）IE可能会导致该区域增加10000px，这会弄乱您的页面宽度。

Answer 3

添加可见性：隐藏在图片中：http://jsfiddle.net/simply_simpy/n9qZ8/1/

<img class="image" src="http://i.cdn.turner.com/cnn/.e/img/3.0/global/header/hdr-main.gif">

.image { float:left; width:298px; visibility:hidden; *visibility: hidden; }

IE7可见性错误

3 个答案: