• 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.

    http://wordpress.org/extend/plugins/wordcamp-lisbon-ribbon/

  • The topic ‘[Plugin: WordCamp Lisboa Ribbon] FIrefox bug’ is closed to new replies.