div悬停另一个绝对中心jquery

Question

我想在绝对中心显示div.text（图像中的红色）悬停div.image（黑色）。我想一个javascript获取每个图像的大小，而不是给div.text一个CSS。这是一个WP，所以每个图像都有不同的高度（有时是宽度），它必须得到所有图像的大小。

非常感谢。

Answer 1

快速方法是创建一个包含一个单元格的表格，垂直/水平居中，将样式设置为＆＃34; display：none;＆＃34 ;,根据.height（）和.width（）调整表格大小在图像上，使图像具有高z-index的绝对位置。然后在显示其上方表格的图像上设置悬停行为，并在悬停时再次隐藏。

Answer 2

您可以使用JQuery UI定位插件。

http://jqueryui.com/demos/position/

$("#MyDiv").position({
  my : "center center",
  at : "center center",
  of : "#MyImage"
});

演示：http://jsfiddle.net/thinkingsites/QYH8w/1/