css - Multiple Addthis buttons on the same page with absolute position only shows the first one -


so have 3 boxes each box have small share button sit in top right of box, (absolute css position).

addthis show when hovering on first one, if css absolute taken out work in boxes. i've tried setting absolute on sharethis element putting inside absolute container. neither works. not find example on addthis website.

this absolute container tried around addthis, div inside larger div

content
<style> 

.promotionitem { position:relative; }

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

your positioning share buttons on top of 1 another, using absolute position won't respect each other's position in dom... you'll need give each left or vertical absolute position depending on want them sit.

below i'm presuming have 3 icons want position , i'm aligning these horizontally.

#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; } 

Comments

Popular posts from this blog

php - failed to open stream: HTTP request failed! HTTP/1.0 400 Bad Request -

java - How to filter a backspace keyboard input -

java - Show Soft Keyboard when EditText Appears -