IE7可見性bug

Question

我正在經歷一個可見性：隱藏在IE7中的錯誤。我的CSS如下：

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

基本上我想包含在div被隱藏在一切，但仍然佔據並預留空間（所以在這種情況下顯示：無不起作用）。它適用於除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; }​