Topic: Transparent DIVs using CSS and/or Javascript (Page 1 of 1)

how do you do it. Any good sites or just code to base it on. Im looking to have them in fixed, but fluid positions or draggable boxes.


Cell 650

Patrick: This might be of some help:

:FAQ: How can I control opacity using CSS?

Also have a good search of the Asylum as we have touched on this a few times - if you find anything not linked into the FAQ throw it in

___________________
Emps

FAQs: Emperor

#chatarea {
float : left ;
clear : left ;
width : 220px ;
width : expression( navigator.userAgent.match(/MSIE 5/) ? "232px" : "220px" ) ;
height : 132px ;
height : expression( navigator.userAgent.match(/MSIE 5/) ? "144px" : "132px" ) ;
padding : 5px ;
border : 1px solid #000 ;
overflow : auto ;
background : #fff ;
filter : alpha( opacity=80 ) ;
-moz-opacity : 80% ;
}

Could someone explain where documentation describes the ability to have expressions as values for style thingies ?????

Thanks,
Dick <----- trying to learn

Dick, that code is horrendous

Not only do you seem to have pieces of JavaScript inside the CSS, but you're using IE's proprietary "CSS filters." Bleh. [EDIT: OK, now I see that you're trying to work around IE5's faulty box model, so your intentions are well. However, I'm pretty sure that stuff won't validate so you might wanna try this FAQ.]

Patrick: The link that Emperor posted should be of help.



[This message has been edited by ozphactor (edited 10-02-2003).]

http://webfx.eae.net/dhtml/cssexpr/cssexpr.html

Hehehe, guess it all depends who you accidentally end up learning stuff from?
That code is from a smart guy (which isn't me).
I think having expressions for the values is a good thing.
Question is, when is the expression evaluated?
Only once when document is read, or whenever the styled element needs it?
If it is the latter, then how nice to be able to change variables and impact
what the effect of the stylesheet is.

Anyone know the answer?

Dick (trying to learn)