I realize there’s a problem with IE opacity. See [URL=”http://www.webmasterworld.com/css/3676444.htm”]here [B]if your fonts are small, it doesn’t
[code=html]<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01//EN” “http://www.w3.org/TR/html4/strict.dtd”>
<html>
<head>
<style type=”text/css” >
body {
background-color: #9cf;
font-family: sans-serif;
font-size: 6pt;
}
p {
padding: 10px 15px;
background-color: #444;
color: #fff;
}
p.filter {
opacity: 0.4;
filter: alpha(opacity=40); /* this is because ie doesn’t render the opacity property */
zoom: 1.0; /* this triggers hasLayout */
}
p.filter_nobackground {
background-color: transparent; /* this is what happens without a background colour */
opacity: 0.4; /* ie 6 & 7 */
filter: alpha(opacity=40);
zoom: 1.0;
}
</style>
</head>
<body>
<p>This is a test paragraph</p>
<p class=”filter”>This should work but doesn’t!!!!!!</p>
<p class=”filter_nobackground”>This is a test paragraph with the alpha opacity filter, but with no background colour set</p>
</body></html>
Anyone know how to properly give an opacity to elements with a small font in IE? I’m working with version 7 at the moment if it matters.