467,910 Members | 1,623 Online
Bytes | Developer Community
New Post

Home Posts Topics Members FAQ

Post your question to a community of 467,910 developers. It's quick & easy.

semi transparent

hi,

can anyone tell me how to make the background of a div semitransparent. basically what i'm doing is overlaying this div onto the main page. i still what the page to be vaguely visible tho. any suggestion?

cheer
philleep
Apr 27 '07 #1
  • viewed: 1354
Share:
3 Replies
drhowarddrfine
Expert 4TB
Opacity Of course, IE will cause most of your problems.
Apr 27 '07 #2
Hay philleep,

Now if you what semi-transparency in IE theN use the code below, but be warned ;¨) even though it works it will not validate through W3C CSS Validator.
So you use opacity in FireFox and Opera and Netscape, use filter in IE.
Just put it in a separate css file.
Try it out...
Expand|Select|Wrap|Line Numbers
  1. .ClassName {
  2. filter:progid:DXImageTransform.Microsoft.BasicImage(opacity=0.75);
  3. }
You must copy filter exact because it is case sensitive. The gap between the 'g' and 'e' is not Intentional it should be one word if you will. This code gives you 75% opacity but of cause you can change it to what suits you.

Regards
R.K.
Apr 28 '07 #3
cheer guys
Apr 30 '07 #4

Post your reply

Sign in to post your reply or Sign up for a free account.

Similar topics

7 posts views Thread by jhomp ssens | last post: by
2 posts views Thread by Starlite | last post: by
2 posts views Thread by Trond Michelsen | last post: by
1 post views Thread by runner7 | last post: by
By using this site, you agree to our Privacy Policy and Terms of Use.