IE7可见性错误

Question

我正在经历一个可见性：IE7中的隐藏错误。 我的CSS如下：

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

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

Answer 1

尝试使用text-indent

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

text-indent: -10000px;

}

演示

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; }​