SitePoint Sponsor

User Tag List

Results 1 to 4 of 4
  1. #1
    SitePoint Enthusiast
    Join Date
    Aug 2009
    Posts
    49
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Light haloaround CSS3 button on mouseover in Opera!?!

    Hello all,

    I've created a CSS3 button for a experimental web page. Unfortunately the gradients are lost in Opera, but that is another issue already answered. My new problem is when I mouse over the "Post It" button in Opera there appears to be a rectangular halo of the lighter mouse over color. Is there anyway of getting rid of it?

    Code:
    .add-sticky:hover {
    	background-color:  #2a4d83;
            background:  -moz-radial-gradient(center, #4981bf, #2a4d83 90%, #132847 95%);
            background:  -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4981bf), to(#132847), color-stop(.8,#2a4d83));
        color: #FFF;
        font-size:  205%;  
    }
    http://sticky.chuprinastudios.com

    Any ideas on solving this issue is much appreciated.

    PChuprina
    Last edited by ralph.m; Jan 6, 2011 at 16:51. Reason: fixed url link

  2. #2
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,217
    Mentioned
    457 Post(s)
    Tagged
    8 Thread(s)
    What version of Opera are you using. I don't see that in version 11.

  3. #3
    SitePoint Enthusiast
    Join Date
    Aug 2009
    Posts
    49
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Opera 11. On a macbook pro.

  4. #4
    SitePoint Enthusiast
    Join Date
    Aug 2009
    Posts
    49
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Sorry. Rebooted computer, cleaned cache and halo gone. Me bad, sorry.

    My original plan had a lighter mouse over color and the halo was definitely apparent then. Have you heard of this before? What did I do or not do that caused the problem?

    Thanks for your input and help.

    PChuprina


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •