2011-09-27, Tue

Facebook Send Button Pop-Up turns transparent

While trying to add a Facebook Send button to my site via AddThis, I noticed that the pop-up from the Facebook Send button turns transparent when the mouse cursor hovers over it.

This is caused by a css rule that is making the a tag transparent. To fix it, add style="opacity:1;" to the a tag like this:

   <a class="addthis_button_facebook_send" style="opacity:1;"></a>

Original solution: AddThis forum thread

Isaac Su

tags: addthis facebook html opacity send

---

Comment

  1. Awesome! Thanks for this — my facebook “like” pop-up was overlapping a google map component and the change in opacity was causing the both of them to flicker back and forth on mouse-over! very lame, but this fixed the issue :) much appreciated.

    — Jeffrey Kaplan · Oct 14, 04:19 AM · #

  2. You’re most welcomed, Jeff.

    — Isaac Su · Oct 15, 12:06 PM · #

  3. <3 thx

    — Marhlder · Apr 23, 03:37 PM · #

  4. Thanks! It was happening to me with the Like button, but your fix worked in the same fashion!

    Steve Meisner · Jul 5, 03:41 PM · #

  5. I spent a very frustrating hour trying to figure this one out. Then ran across your suggestion, which resulted in me saving many more hours of head-banging frustration. For that, I thank you most sincerely :)

    — jaygur · Aug 27, 10:06 PM · #

  6. Thanks Isaac, your solution worked.

    Brandon Michael Black · Sep 23, 08:58 PM · #

---
 
---