View Full Version : Opera : color : transparent ; issue

02-15-2012, 10:59 AM

Here is my case.I have this piece of code in css:

.bmenu li a{
color: transparent; <-problem
display: block;
text-transform: uppercase;
text-shadow: 0px 0px 5px #fff;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;

.bmenu li a:hover
color: white;
text-shadow: 0px 0px 1px #fff;
padding-left: 10px;

The website on which you can see it : I am Rokas (http://www.iamrokas.com) - navigation

The thing is, all browsers are compatible with the color:transparent and just opera does not display it, only when i hover and change color to white. How can i fix this? I still want to keep the same effect.

Any other way possible?

Thank you in advance.:o

03-01-2012, 04:43 PM
Try something like this:

background-image: -o-linear-gradient(top left,rgba(100,100,100,1),rgba(100,100,100,0.5));