top



I have this code in my CSS but I want my logo not to get transparent but to be with opacity 1.0... What can I do ?


Code:

img {
opacity: 0.8;
-moz-transition: opacity 1s ease-in-out;
-webkit-transition: opacity 1s ease-in-out;
-o-transition: opacity 1s ease-in-out;
transition: opacity 1s ease-in-out;
}

img:hover {
opacity: 1.0;}

Just change "opacity: 0.8;" to "opacity: 1.0;" or what do you mean?

I mean all my other images to have transparency 0.8 and when hovered to have transparency 0.1 but the logo to have 1.0 without hover.

Try this :

Code:
logo name {opacity: 1.0 !important;}

Should I change something in the above code ?

(not working)

Yah "Logo name" change it to the logo CSS selector .

Code:
img {
/*-- Description --*/
}
Having any CSS the description part would apply the CSS to every img you have in the page cause it's the img that is styled. Same goes if you're using body {

So what can I do ?

Do you have a class or id for your logo image?

Is your forum version phpbb2?

Gangstar15 wrote:Is your forum version phpbb2?


yeap !

The CSS selector is: #i_logo

Ok thaks !!!

SOLVED