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