javascript - div 悬停另一个绝对中心 jquery

Question

我想在绝对中心显示一个 div.text（图像中的红色）悬停一个 div.image（黑色）。我考虑使用 javascript 获取每个图像的大小，而不是为 div.text 提供 css。它适用于 WP，因此每个图像都有不同的高度（有时也有不同的宽度），并且它必须获得所有图像的大小。

非常感谢。

Answer 1

一种快速的方法是创建一个包含一个单元格的表格，垂直/水平居中，将样式设置为“display: none;”，根据图像的 .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/