我目前正在开发一种解决方案，用户可以在其中购买他们在图像上看到的物品。我想在用户单击图像时显示类似于Instagram的“ pop标签”，并显示品牌名称，商品名称和产品的缩略图。 Here's an example.
我可以使标签在点击时“弹出”，但似乎无法弄清楚如何确保标签不重叠且不会超出图像范围。标签的位置通过完成。绝对位置和百分比。
.popTag { position: absolute; top: 46%; left: 23% }
所以我的问题是： 在CSS或Javascript（jQuery）中，我如何做到这一点，以使标签自动定位自身，从而使其不会重叠，也不会超出图像范围。 This is what it looks like right now.
