所以我正在尝试使用jQuery在我的图像上动态显示“Pin this”按钮。问题是，当按钮显示时，它会将实际图像推过来。这是实时视图：
http://codepen.io/anon/pen/rGAzy
通过将位置更改为绝对来解决问题，但通过这样做，它会将按钮一直带到顶部。我想测试的其中一个页面是http://fstoppers.com/500px-announces-a-new-portfolio-system-and-new-prices
我从其他人那里继承了主题，所以如果我改变为具有绝对位置，那么它将在整个网站上。
我接近这个问题都错了吗？如何使用动态按钮？
答案 0 :(得分：0)
确实是绝对的，但是将position: relative;添加到父p标记。
答案 1 :(得分：0)
这是最佳解决方案，无需额外的Javascript，只需更改您的html结构：
<div id="container" style="position: relative;">
<img />
<div class="pin-button" style="position: absolute;">
</div>
</div>