使用jQuery进行垂直和水平对齐（chrome和safari）

Question

我使用jQuery更新的CSS将文本置于div中心。 div高度取决于图像的大小。它适用于IE和Firefox，但不适用于Chrome和Safari。

我尝试了以下内容：

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

});

而是$(document).ready()来捕捉高度并使用它来更新CSS但它总是返回0。您可以在此网址上看到一个示例：http://www.racinedecha.com/test/test.html

当用户将鼠标悬停在图片上时，应显示该文字。

Answer 1

尝试使用：

$(document).ready(function(){
   $('#article li img').load(function(){
      var hli = $('#article li').height();
   })    
});

说明：在Chrome和Safari中，如果未定义图像的宽度或高度，则无法通过js获取图像，直到图像加载完毕。现在$(window).load(实际上并没有等待加载每个图像，这就是我将load event附加到每个图像的原因，一旦加载完毕，您就可以获取它properties。< / p>

希望这能解释这个问题。 ：）

Answer 2

如何在html中添加文本并将图像作为背景图像添加到css中？