Topic: opacity in background, not text... (Page 1 of 1)

I'm trying to make a form with colored fields and textarea boxs with the alpha(opacitey) set to 50. My problem is that the text also becomes partially transperent with the field or box. Is there a way to change the opacity of the box alone and not the text??

hmmm


Code - CGI - links - DHTML - Javascript - Perl - programming - Magic - http://www.twistedport.com
ICQ: 67751342

the easiest way to get around this in my experience is to do something like this:

<form action="test.php" action="post">

<div style="background-color: #369; filter:Alpha(opacity=20); width: 270px; height: 21px">&#160;</div>

<input id="test2" type="text" style="background-color: transparent; position: relative; top: -22px; left: 0px; border: 1px solid #666; width: 270px" />

</form>

- it's a bit of a dirty workaround but a step in the right direction

hth
I:.

Is the filter:Alpha(opacity) IE-only, or is it actually a standard that n oother browser follows?

you can use

style="-moz-opacity: 50%;"

for for ns6

...and for all gecko browsers I think. You can replace "50%" with "0.5".