css - 同一页面上具有绝对位置的多个Addthis按钮仅显示第一个

所以我有3个盒子，每个盒子有一个小的共享按钮，它位于盒子的右上方（绝对CSS位置）。

Addthis仅在将鼠标悬停在第一个上时显示，如果css absolute被取出，则它将在所有框中起作用。我尝试在实际的sharethis元素上设置绝对值，并将其放入绝对容器中。都不行。我在addthis网站上找不到示例。

这是我尝试过addthis的绝对容器，该div位于较大的div内


    
        
                            
                        
    

   一些内容

<style>

.promotionItem {position：relative; }

#promotionsSlider .shareContainer {
 width: 30px;
 height: 29px;
 position: absolute;
 top: 0;
 right: 0;
 display: block;
}
</style>

最佳答案

通过使用绝对位置，您将所有共享按钮都定位在彼此的顶部，这样它们就不会尊重彼此在Dom中的位置。您需要根据您希望它们在何处为它们提供一个左或垂直的绝对位置坐。

在下面，我假设您有3个要定位的图标，并且将它们水平对齐。

#promotionsSlider .shareContainer {
 width: 30px;
 height: 29px;
 position: absolute;
 top: 0;
 right: 0;
 display: block;
}

#promotionsSlider .shareContainer:nth-of-type(2) {
 right: 40px;
}

#promotionsSlider .shareContainer:nth-of-type(3) {
 right: 80px;
}

关于css - 同一页面上具有绝对位置的多个Addthis按钮仅显示第一个，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/29939574/