how to make transparent layer over an image ??

[PHPycho]

Hello forums !!
I had an image which is kept @ the background of a table.
I want to make a layer over that image ie transpaernt layer .
How to make that transparent layer using css ?
Any idea?
Awaiting for you help.

[bradgrafelman]

I'm confused by what you mean "@ the background of a table." Do you mean the image is actually set as a table background?

[Kudose]

You could create a DIV, give it a height and width then absolute position it.

[alirezaok]

use of this CSSes for second layer which is over.

for IE:

.selector {
filter: alpha(opacity=50);
}


for FF:

.selector {
-moz-opacity: .5;
}


if you want to comaptible for any browser use:

.selector {
filter: alpha(opacity=50);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
-moz-opacity: .5;
-khtml-opacity: .5;
opacity: .5; /* for future compatibility */
}


0.5 and 50 are present rate of transparent.

[alirezaok]

also see: http://www.w3schools.com/css/css_image_transparency.asp

[JPnyc]

If you're trying to prevent theft of the background image, this won't do it. It'll stop viewers with little to no knowledge.