Topic: opacity in background, not text... Pages that link to <a href="https://ozoneasylum.com/backlink?for=10781" title="Pages that link to Topic: opacity in background, not text..." rel="nofollow" >Topic: opacity in background, not text...\

 
Author Thread
jive
Paranoid (IV) Inmate

From: Greenville, SC, USA
Insane since: Jan 2002

IP logged posted posted 08-04-2002 08:17 Edit Quote

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??

Petskull
Maniac (V) Mad Scientist

From: 127 Halcyon Road, Marenia, Atlantis
Insane since: Aug 2000

IP logged posted posted 08-04-2002 15:46 Edit Quote

hmmm


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

someoneInverse
Bipolar (III) Inmate

From:
Insane since: May 2002

IP logged posted posted 08-05-2002 12:32 Edit Quote

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

code:
<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:.

DangBat
Nervous Wreck (II) Inmate

From:
Insane since: Sep 2000

IP logged posted posted 08-08-2002 04:30 Edit Quote

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

someoneInverse
Bipolar (III) Inmate

From:
Insane since: May 2002

IP logged posted posted 08-08-2002 08:38 Edit Quote

you can use

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


for for ns6

HZR
Bipolar (III) Inmate

From: Cold Sweden
Insane since: Jul 2002

IP logged posted posted 08-09-2002 22:44 Edit Quote

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



Post Reply
 
Your User Name:
Your Password:
Login Options:
 
Your Text:
Loading...
Options:


« BackwardsOnwards »

Show Forum Drop Down Menu