如何讓一個文本隱藏另一個文本。

Question

我正在實現Facebook的評論框，我想要的是，我通過GET獲取並呈現給模板的評論應該對人類不可見，但對搜索引擎可見。

的實驗，我這樣做：http://jsfiddle.net/4D8hh/

我怎樣才能使first隱藏second？但second應該保持可抓取狀態。

z-index在這裏似乎是錯誤的選擇，我還能做什麼呢？有可能嗎？

Answer 1

使用display:none表示您希望在頁面上顯示的任何內容，但對用戶不可見。內容將在那裏......它不會在頁面上「顯示」。

Answer 2

只是把

background:white; 

這應該是它

但qoura有一些其他的好主意，請看看這裏爲他們工作，應該爲你工作。 :)

https://plus.google.com/106413090159067280619/posts/KDSVtgHiuie

Answer 3

我可以在這裏提出我的關注。谷歌不讚賞人們試圖通過隱藏文字來獲得更好的搜索排名。它可能根本無法工作。從用戶的角度來看，爲什麼你不想讓評論可見？

無論如何，如果你真的想要走這條路，開始使用： http://schema.org/Comment

然後你就可以走的元素斷章取義與位置絕對：

position: absolute; 
left: -9999em; 

或者像Twitter Bootsrap， .sr-only：

.sr-only 
{ 
    position: absolute; 
    width: 1px; 
    height: 1px; 
    padding: 0; 
    margin: -1px; 
    overflow: hidden; 
    clip: rect(0 0 0 0); 
    border: 0; 
}