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?
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));
Any ideas on solving this issue is much appreciated.
What version of Opera are you using. I don't see that in version 11.
Opera 11. On a macbook pro.
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.