Is it true that since IE7, the css rule filter:alpha(opacity=x);
is supported to avoid using semi-transparent pngs?
For your website, you can use:
.custom #page {
background-color: #000;
filter:alpha(opacity=50);
background-color: rgba(0, 0, 0, 0.5);
border-radius: 10px 10px 10px 10px;
padding-top: 5px;
}
My understanding is that IE will disregard the rgba value and utilize the other rules for a similar outcome.
The drawback of using opacity on an element (even in newer browsers) is that it affects the entire element, not just the background color, making all text and borders somewhat transparent. However, it's worth trying out the above method to see if it's satisfactory.
Keep in mind: one of the reasons why people hesitate to upgrade to higher versions of IE (or switch to FF or Chrome) is because we put so much effort into ensuring the design looks good in these outdated browsers. If enough websites appear poorly in these browsers, users will realize that the problem lies with their outdated browser. So, don't expend too much time and energy supporting the slow transition from the old days of IE catering.