javascript - 我的元素显示在不同窗口大小的不同位置。如何定位？

Question

看看我的网站:http://homegym.sg/index.php/weight-tree-rack.html

如果您将鼠标悬停在产品图片下方的“更多 View ”字样上，则会出现一个附加图片框。通常它通常出现在中心。但是，当我缩小窗口尺寸时，框的位置会发生变化。

我正在使用 slideviewerpro 脚本，我相信它是定位框的脚本，但我无法解决该问题。这是脚本的来源:http://homegym.sg/skin/frontend/default/electronics01-black/js/jquery.slideViewerPro.1.0.js

我相信额外的图像框在div#thumbSlider中，对js文件做了一些尝试和错误的修改，但未能解决问题。

Answer 1

好的。首先，product-img-box 中带有 width:660px; 的 div 需要添加 position:relative;。然后你需要改变下面的规则

.product-view .product-img-box #ui0 {
    position: absolute;
    top: 600px;
    left: 580px;
    height: 60px;
}

到

.product-view .product-img-box #ui0 {
    position: absolute;
    height: 60px;
    left: 50%;
    margin-left: -200px;
    margin-top: 15px;
}

widgets.css:589

然后从那里开始调整。 :)