CSS img help

[Verbitan]

Basically i have a css command so that when you hover over an image on my page it will be obvious. Dont really know how to explain it...look at the code and see! :p

Code: Select all

<style>
img {
   border: 0;
   filter:alpha(opacity=80);
   -moz-opacity: 0.80;
   opacity: 0.80;
}

   img:hover{
      filter:alpha(opacity=95);
      -moz-opacity: 0.95;
      opacity: 0.95;
   }

</style>


The prob is that this code overwrites EVERY image on my page. This is fine...but i want one image to be exempt from this rule. Any ideas how to do that?

[Boyd]

use a class name instead mate, let's change the "img" to "photoframe" for example

Code: Select all

<style>
.photoframe {
   border: 0;
   filter:alpha(opacity=80);
   -moz-opacity: 0.80;
   opacity: 0.80;
}

   .photoframe:hover {
      filter:alpha(opacity=95);
      -moz-opacity: 0.95;
      opacity: 0.95;
   }

</style>

so, you use it as

Code: Select all

<img class="photoframe" src="http://xxx.xxx.xxx">

OK?

[Verbitan]

Aaah thanks! I will give that a go tonight!