IE中的css active / selected状态不会关闭

时间:2012-01-27 22:19:19

标签: html css internet-explorer

环顾四周后,我要么找错了,要么找不到。我有IE 8和CSS的问题。我遇到的问题是标签导航部分。行为应该是当用户在选项卡上单击/悬停时,它变为红色而其他变为蓝色。问题是,当用户单击一个选项卡时,它会正确保持红色,但之前选择的选项卡也会保持红色,直到我用鼠标滚动它。因此,未选择的选项卡无法正确地进行类切换

它只能在我能说的IE 8中发生。它可能是使用CSS3 Pie htc文件的遗物,但我不确定。否则,有可能在CSS中有太多的东西要继续追赶?

网站 - http://www.lvtravelshow.com/?page_id=887

这是CSS

.shortcode-tabs ul.tab_titles li.nav-tab a:visited {
    behavior: url(pie.htc);
    background: #004370;   
    position:relative;
    -moz-border-radius-topleft: 10px;
    -webkit-border-top-left-radius: 10px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-topleft: 10px;
    -webkit-border-top-left-radius: 10px;
    -moz-border-radius-topright: 10px;
    -webkit-border-top-right-radius: 10px;
    box-shadow: 1px 7px 5px rgba(0, 0, 0, 0.46);
    -moz-box-shadow: 1px 7px 5px rgba(0, 0, 0, 0.46);
    -webkit-box-shadow: 1px 7px 5px rgba(0, 0, 0, 0.46);
}

.shortcode-tabs ul.tab_titles li.nav-tab a {
    behavior: url(pie.htc);
    background: #004370;   
    position:relative;
    color: white;
    font-family: arial;
    font-size: 8pt;
    font-weight: bold;
    box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.46);
    -moz-box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.46);
    -webkit-box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.46);
     -webkit-border-radius: 8px 8px 0 0;
    -moz-border-radius: 8px 8px 0 0;
    border-radius: 8px 8px 0 0;
}


.shortcode-tabs ul.tab_titles li.nav-tab a:hover {
    behavior: url(pie.htc);
    background: #701100;   
    position:relative;
    -moz-border-radius-topleft: 10px;
    -webkit-border-top-left-radius: 10px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-topleft: 10px;
    -webkit-border-top-left-radius: 10px;
    -moz-border-radius-topright: 10px;
    -webkit-border-top-right-radius: 10px;
    box-shadow: 1px 7px 5px rgba(0, 0, 0, 0.46);
    -moz-box-shadow: 1px 7px 5px rgba(0, 0, 0, 0.46);
    -webkit-box-shadow: 1px 7px 5px rgba(0, 0, 0, 0.46);
}
.shortcode-tabs ul.tab_titles li.nav-tab.ui-tabs-selected a {
    behavior: url(pie.htc);
    background: #701100;   
    position:relative;
    text-decoration: none;
    -moz-border-radius-topleft: 10px;
    -webkit-border-top-left-radius: 10px;
    -moz-border-radius-topright: 10px;
    -webkit-border-top-right-radius: 10px;
/*
    box-shadow: 1px 7px 5px rgba(0, 0, 0, 0.46);
    -moz-box-shadow: 1px 7px 5px rgba(0, 0, 0, 0.46);
    -webkit-box-shadow: 1px 7px 5px rgba(0, 0, 0, 0.46);
*/
}

0 个答案:

没有答案