环顾四周后,我要么找错了,要么找不到。我有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);
*/
}