opacity

Expand Post »

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

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.

Similar Threads

How to make CSS opacity setting work in IE7 ? in JavaScript / DHTML / AJAX
Can u add Opacity to a PictureBox in VS 2003 in VB.NET
this is a challenging one. png transparency in Site Layout and Usability
Gif and transparency in Site Layout and Usability
start menu transparency in XP in Windows NT / 2000 / XP

vexhawk

Reputation Points: 10

Solved Threads: 0

Newbie Poster

Offline

24 posts
since Oct 2006

This thread is more than three months old

No one has posted to this discussion for at least three months. Please let old threads die and do not reply to them unless you feel you have something new and valuable to contribute that absolutely must be added to make the discussion complete. Otherwise, please start a new thread in this forum instead.

Previous Thread in HTML and CSS Forum Timeline: restore default (built-in) function after overriding

Next Thread in HTML and CSS Forum Timeline: Trying to use not tables, only CSS, but can I?

DaniWeb Message

Cancel Changes

User Name
Password