HTML and CSS

opacity

Please support our HTML and CSS advertiser: PostgreSQL or MySQL? Compare and contrast the two most popular open source databases

•

Join Date: Oct 2006

Posts: 24

Reputation: vexhawk is an unknown quantity at this point

Solved Threads: 0

vexhawk

Offline

Newbie Poster

opacity

Mar 28th, 2007

Does anyone know if there are opacity issues in IE 6-7 vs Firefox? This is what I have.

 Help with Code Tags 
 css Syntax (Toggle Plain Text) 
 
#tabBar li a
{
    background-color: #ff9900;
    border: 1px solid #ff1100;
    border-top: none;
    color: #ffffff;
    padding: 1px 5px 2px 5px;
    display: block;
    text-decoration: none;
    filter: alpha(opacity=50); 
    opacity:.50;
}
 
#tabBar li a:hover
{
    opacity: 1;
}
#tabBar li a
{
    background-color: #ff9900;
    border: 1px solid #ff1100;
    border-top: none;
    color: #ffffff;
    padding: 1px 5px 2px 5px;
    display: block;
    text-decoration: none;
    filter: alpha(opacity=50); 
    opacity:.50;
}

#tabBar li a:hover
{
    opacity: 1;
}

It seems that the opacity property works fine with links onFirefox; but it will not show when applied to links in IE. Why is that? I know the property itself works when not applied to links. Let me know if there is a way around this. Thanks.