Page 1 of 2
text box transparency?
Posted: Wed Apr 14, 2004 8:18 am
by malcolmboston
was just wondering if this is possible, im assuming it can be done with flash but is there an HTML "version" utilising CSS properties?
im not after a completely transparent (might as well be a hidden field) but rather say 30% transparency so i blends in with my page
.......................................?
Mal
Posted: Wed Apr 14, 2004 8:26 am
by JayBird
Yes, it certaily can!!!
I'll put together a little example for ya.
Gimme 10 mins
Mark
Posted: Wed Apr 14, 2004 8:30 am
by phait
Posted: Wed Apr 14, 2004 8:31 am
by malcolmboston
Bech100 wrote:Yes, it certaily can!!!
I'll put together a little example for ya.
Gimme 10 mins
Mark
roflmao, ok bech calm down,
hehe
btw its not a multi-liner its a standard password box <input>
Posted: Wed Apr 14, 2004 8:33 am
by JayBird
here ya go
http://www.infinit-e.com/teststuff/transp.php
Just click update invoice numbers AFTER the large background image has loaded.
Mark
Posted: Wed Apr 14, 2004 8:35 am
by malcolmboston
thats been achieved through CSS right? because it certainly isnt a HTML attribute
what level of CSS is it at for compliancy? CSS2.0?
source please

Posted: Wed Apr 14, 2004 8:37 am
by JayBird
malcolmboston wrote:source please

View > Source
Yeah, tis CSS. I have tried it on a number of Platforms, OS's and browser and seems to be okay, but i really am no expert when it comes to CSS.
Someone else may no of compatability issues!?
Mark
Posted: Wed Apr 14, 2004 8:37 am
by malcolmboston
ah, bloody javascript
im assuming this is the attribute.....
Code: Select all
<!-- CSS -->
filter:alpha(opacity=90);
-moz-opacity:90%;
??
Posted: Wed Apr 14, 2004 8:39 am
by JayBird
yeah, thats for changing the opacity
Posted: Wed Apr 14, 2004 8:40 am
by malcolmboston
what does this mean
-moz-opacity:90%;
i was messing around with CSS opacity attributes this morning, and never noticed -moz- is it some form of workaround for mozilla or something?
Posted: Wed Apr 14, 2004 8:49 am
by JayBird
Posted: Wed Apr 14, 2004 12:38 pm
by feyd
is for older versions of mozilla. I don't remember which version, but they changed it to:
at some point for newer ones.
Posted: Wed Apr 14, 2004 1:40 pm
by Draco_03
yep that mans you have to put it in decimal not in %
ex : 50% = .5
Posted: Wed Apr 14, 2004 5:33 pm
by vigge89
hmm, can't see any opacity under Firefox 0.8 (Windows XP Home OS)
Posted: Tue Apr 12, 2005 10:33 pm
by ast3r3x
Sorry to bring up such a dead thread, but I was hoping somebody could expand on this idea for me.
I know how to make something transparent, but is there anyway to make it's child elements not transparent?
What I want...
<div 50% trans>
<div 20%></div>
</div>
what I get...
<div 50% trans>
<div 20%*50%></div>
</div>
Is there anyway to NOT have this happen? I understand why it's happening, but...well it may cause me to pursue a life of drugs and violence. Sure the drugs are ok, but I'm a pretty peaceful guy.