Jump to content

Transparency/Alpha Background But Solid Text


kvnmck18

Recommended Posts

The "Text here test" should be 100% alpha/opaque but it is 50% transparent.How can I resolve this?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>	<title>Untitled Page</title>	<style type="text/css">		body		{			background-color: #EBEBEB;			background-image: url(images/gradient.gif);			background-repeat: repeat-x;		}		.trans		{			background: #1C5A9F;			float: left;			filter: alpha(opacity=50);			filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);			opacity: 0.5;			-moz-opacity: 0.5;			-khtml-opacity: 0.50;			width: 100%;		}		.no_trans		{			background-color: Transparent;			color: #000;			float: left;			filter: alpha(opacity=100);			filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);			opacity: 1.0;			-moz-opacity: 1.0;			-khtml-opacity: 1.00;			width: 100%;		}	</style></head><body>	<div class="trans">		<div class="no_trans">			Text here test		</div>	</div></body></html>

Link to comment
Share on other sites

 .trans		{			background-color: #1C5A9F;			float: left;			filter: alpha(opacity=50);			filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);			opacity: 0.5;			-moz-opacity: 0.5;			-khtml-opacity: 0.50;			width: 100%;		}		.no_trans		{			position: relative;			color: #000;		}

I got it to work in IE 6.0... nothing else.Any ideas?

Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...