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 :lol:

Posted: Wed Apr 14, 2004 8:37 am
by JayBird
malcolmboston wrote:source please :lol:
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

Code: Select all

-moz-opacity: XX%
is for older versions of mozilla. I don't remember which version, but they changed it to:

Code: Select all

-moz-opacity: .XX
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.