I really like the look of text with a see-through background over an image. I tried using the w3schools method of doing this. The description implies that it's text over a transparent background, but in truth the opacity is applied to the text as well, which is what I don't want. (I found this out when I tried to apply it to alternate rows on table rows- ug-lee!!) Is there a way to apply opacity to the background color behind the text and not the text itself? I tried to wrap an extra class around it, but so far it's not working. Here's what I'm starting with:
Code:
<html>
<head>
<style>
p{
font: 14px Helvetica
color:#FC6;
background-color:#033;
filter:alpha(opacity=60);
opacity:0.6;
}
</style>
</head>
<body>
<p> Why is my text so dark? </p>
</body>
</html>