0

Is there a way to make a div image transparent while the text in the div is not. here is my current code.

.body {
	
	width: 800px;
	height: auto;
	font-family: Arial;
	font-size: 11px;
	color: #000;
	background: url('Images/backg3.png');
	opacity: 0.5;
	alpha(opacity=50);
}


.textbody {
	padding: 10px;
	color: #000000;
	font-weight: bold;
	filter:alpha(opacity=100);
	
}
.textbody h1 {
	float: left;
}

.textbody p{
	font-size: 15px;
	
	
}
.textbody img{
	padding: 5px;
}

Thanks for any help.

4
Contributors
6
Replies
7
Views
5 Years
Discussion Span
Last Post by sirlink99
0

You can either use a .png background image image (so the text is still solid) or css3. Cross browser compatibility issues with both, unfortunately.

0

I have done it before, I just can't remember how. could you give me an example with the second one though?

0

Could you please tell me which are your target browser. I beleive that you can do it by CSS for Mozilla and IE, there is some syntax different, but you can put both enteries for IE and FF in CSS class and it would be automatically picked by the running browser.

0

I was hoping to make it as browser friendly as possible, but I guess the main ones would be IE, Firefox and chrome.

This topic has been dead for over six months. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.