[Plugin: WordCamp Lisboa Ribbon] FIrefox bug
-
A user just noticed a bug on Firefox with your WordCamp Lisboa 2012 plugin when your mouse is over the banner, it flickers (going from cursor:pointer to normal cursor)
This is the html structure of the banner :
<a class="wclx-ribbon" href="http://2012.lisboa.wordcamp.org" target="_blank"> <img class="wclx-ribbon-image wclx-ribbon-image-left" style="top: 0px;" alt="WordCamp Lisboa 2012" src="http://www.wysija.com/wp-content/plugins/wordcamp-lisbon-ribbon/images/wclx-ribbon-bright-left.png"> </a>
Right now, the
<img>
tag is the one being positionned (fixed, top 0, left 0). It should be the container (<a>
) instead.
the<a>
tag should also have a higher z-index than the<img>
tag.Your styles should look like this :
a { position: fixed; left: 0; top: 0; z-index: 23456; /* higher z-index than img */ margin:0; padding:0; } img { margin: 0; padding:0; z-index: 12345; }
Jonathan @ Wysija should get the credit for sugesting the code.
- The topic ‘[Plugin: WordCamp Lisboa Ribbon] FIrefox bug’ is closed to new replies.