css問題，我正在努力？

如果您看到我的JSFiddler http://jsfiddle.net/7mfj7/2/。第一次直接在圖像上顯示「更改圖片」。如果我將鼠標懸停在圖像上並從圖像中出來。那麼它工作正常。css問題，我正在努力？

如何第一次隱藏「更改圖片」並在鼠標上方顯示？

2011-12-02 James123

用這個小提琴代替http://jsfiddle.net/3nigma/7mfj7/4/ – Rafay

@ 3nigma：文字仍然在乞討中顯示。我不想那樣。懸停時間只需要撥打 – James123

這不是一個答案我編輯你的小提琴只是爲了更好的理解 – Rafay

將這個你$(function() {的頂部：

$('.comment').css({ "top": '400px' });

2011-12-02 21:49:02 Benjam

它可能會更好地做到這一點與真正的CSS，而不是等待的Javascript來做到這一點。 –

但是，如果用戶禁用了JS，鏈接將永久位於屏幕頂部以下400px的位置。這樣，如果用戶禁用JS，則鏈接顯示並正常工作。這完全取決於OP的需求。 – Benjam

好點。這取決於您是否已將鏈接「閃爍」並啓用了JavaScript。如果你真的想要得到幻想，你可以使用：hover僞選擇器來模仿沒有任何Javascript的功能（雖然它不會動畫化，IE6/7仍然會有兼容性問題）。 –

風格添加到CSS

.comment{ 
    top: 400px; 
}

2011-12-02 21:47:46

在CSS的.comment：

top: 400px;

這種方式最初會在它移到mouseout的同一個地方加載。

2011-12-02 21:49:50

如果您不想在第一次進入頁面時顯示它，最初將其設置爲display: none;。

然後在你的懸停命令，將其設置爲.show()

2011-12-02 21:55:54 rkw

而是然後用孩子和家長參考jQuery的通話中的元素。將每個元素包裝在它自己的div中會更容易。（即一個div中的文本和另一個圖像），這將允許您更加具體地控制jquery中的各個元素，並且還可以更輕鬆地應用樣式。

2011-12-02 22:26:40 Simon

回答