Body Background image paler not other elements of page

Hi all,

I make one home page. in that there is background image in body tag through the css and on hover of menu i want that image more transparent that original without affecting the other element of given page.

Can anyone help me for this????

Thank You....

Just wrap the image in a

HTML:

Code:

---

<DIV id ="transImg"><img scr="example.jpg" alt ="meerkat"></DIV>

---

CSS Code:

Code:

---

div.transImg
{
opacity:0.4;
filter:alpha(opacity=40); // For IE8 and earlier
}

---

ya I agree with the theoker
Please set the opacity attribute for the image on hover. But becareful it won't work in all the browsers.