By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
438,494 Members | 1,957 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 438,494 IT Pros & Developers. It's quick & easy.

semi transparent

P: 74
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
Share this Question
Share on Google+
3 Replies


drhowarddrfine
Expert 5K+
P: 7,435
Opacity Of course, IE will cause most of your problems.
Apr 27 '07 #2

P: 8
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

P: 74
cheer guys
Apr 30 '07 #4

Post your reply

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