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

opacity - want to NOT inherit setting - works in IE, not netscape

P: n/a

All,

The following is an example of what I'm trying to do: I have a box set to be
partially transparent. I want the text in the box to NOT be partially
transparent. This works in IE, but NN7 has the text still at 75% opacity.
Can anyone tell me what I'm doing wrong?

TIA.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"
"http://www.w3.org/TR/REC-html40/loose.dtd">
<html>
<head>
<title> New Document </title>
<style type="text/css">
.solidtext
{
color: red;
filter:progid:DXImageTransform.Microsoft.BasicImag e(opacity=1.0);
-moz-opacity:1.0;
filter:alpha(opacity=1);
opacity: 1;
}
..transparentbox
{
border: dashed #C0C0C0 2px;
padding: 5px;
background-color: #FEFEE0;
margin-top: 150px;
margin-left: 300px;
margin-right: 30px;
margin-bottom: 20px;
filter:progid:DXImageTransform.Microsoft.BasicImag e(opacity=0.75);
filter:alpha(opacity=75);
-moz-opacity:0.75;
opacity: 0.75;
}
..compareBox
{
border: dashed #C0C0C0 2px;
padding: 5px;
background-color: #FEFEE0;
margin-top: 150px;
margin-left: 300px;
margin-right: 30px;
margin-bottom: 20px;
}

</style>
</head>

<body>
<div class="transparentbox"><span class="solidtext">blah!</span></div>
<div class="compareBox"><span class="solidtext">blah!</span></div>
</body>
</html>

--
--
~kaeli~
Why do they lock gas station bathrooms? Are they afraid
someone will clean them?
http://www.ipwebdesign.net/wildAtHeart
http://www.ipwebdesign.net/kaelisSpace

Jul 20 '05 #1
Share this question for a faster answer!
Share on Google+

This discussion thread is closed

Replies have been disabled for this discussion.