2011-12-30 72 views
0

我使用jQuery更新的CSS將div中的文本居中。 div高度取決於圖像的大小。它適用於IE和Firefox,但不適用於Chrome和Safari。使用jQuery進行垂直和水平對齊(chrome和safari)

我曾嘗試以下:

$(window).load(function() { 
    var hli = $('#article li').height(); 

}); 

相反$(document).ready()趕上高度,並用它來更新CSS,但它總是返回0。你可以在這個地址看到一個例子:http://www.racinedecha.com/test/test.html

當用戶懸停在圖片上時,文本應該出現。

+0

東西丟失。請發佈其他相關代碼,以便我們可以爲您提供幫助。或者更好的是,在jsFiddle中創建一個我們可以玩的測試用例。 – Sparky 2011-12-30 00:49:46

+0

你有幾個問題。您在''和''之間有一個字符編碼元標記;沒有什麼應該在那裏。你的UTF-8頁面然後回落到'windows-1252'編碼。你也缺少一個有效的'doctype'聲明。 [HTML驗證器](http://validator.w3.org/check?uri=http%3A%2F%2Fwww.racinedecha.com%2Ftest%2Ftest.html&charset=%28detect+automatically%29&doctype=Inline&group=0)將在這些問題得到解決之前不能工作。 – Sparky 2011-12-30 00:55:10

+0

我看到你的JS介於普通'

0

只需在html中添加文本並在css中添加圖像作爲背景圖像,如何?

+0

這個建議應該在上面的註釋部分。這不是OP問題的答案。 – Sparky 2011-12-30 01:17:31

+0

是否可以動態調整背景圖片? – 2011-12-30 10:49:24