Creating a Transparent Image

To create transparent image you can use that code..

Code:

<img src="klematis.jpg" width="150" height="113" alt="klematis"
style="opacity:0.4;filter:alpha(opacity=40)" />

Firefox uses the property opacity:x for transparency, while IE uses filter:alpha(opacity=x).

Originally Posted by akash

To create transparent image you can use that code..

Code:

<img src="klematis.jpg" width="150" height="113" alt="klematis"
style="opacity:0.4;filter:alpha(opacity=40)" />

Firefox uses the property opacity:x for transparency, while IE uses filter:alpha(opacity=x).

Thanks akash for sharing this.

we are using this code for our sites. Cheers!

Ruminator is correct.I use the following code to add a drop shadow to all the input boxes on my site:

.boxshadow
{
border:1px inset #000;
background-position: left top;
background-image: url("input-box-shadow.gif");
background-repeat: no-repeat
}
<INPUT SIZE="15" NAME="mybox" class="boxshadow">
The "input-box-shadow.gif" file is a transparent gif file...

Thanks for akash's post. The inline style make compatible between 2 worlds: IE AND FIREFOX.

Really nice,

Great job. Thanks for the code it works perfectly.

thanks for sharing the codes guys, they always come in handy if one is forgotten/lost

I have tried it ,but it don't works.....