一个不同浏览器模式下的CSS技术问题 -

菠萝的海 - 2014/1/5 14:50:56

在ie浏览器下 ie8 9 10 11都正常
首页导航打开后导航栏文字内容白色粗体
5885

但是如果换到360浏览器的极速模式或者平板电脑上的UC浏览器下
打开主页后
首页的导航栏文字就出现了问题
居然会是黑色的，要点击访问后才会白色
5886

下拉菜单错位

部分CSS代码：
/*menu样式*/
.top_box{clear:both;width:100%;}
.top_box .logo{float:left;text-align:left;padding:5px 0 5px 0}
.top_box .topcontent{text-align:right;padding:5px 0 0px 0}
.menu_box{clear:both;text-align:left;height:35px;background:url(images/menu_bg_1.gif) repeat 0 0;border:0;solid #dddddd;padding-left:30px;border-top-left-radius:0.2em;border-top-right-radius:0.2em;}
.menu_style_homepage{float:left;text-align:center;padding:7px 20px 0 25px;}
.menu_style{float:left;text-align:center;padding:7px 20px 0 20px;background:url(images/nav_line.png) no-repeat left top};
a.menu:link{display:block;color:#ffffff;text-decoration: none;font-weight:bold;height:27px;}
a.menu:visited {display:block;color:#ffffff;text-decoration:none;font-weight:bold;height:27px;}
a.menu:hover {display:block;color:#ffffff;text-decoration:none;font-weight:bold;;text-decoration:none;height:27px;}
.menu_current a.menu{display:block;color:#ffffff;text-decoration:none;font-weight:bold;;}
.menu_current a.menu:hover{display:block;color:#ffffff;text-decoration:none;font-weight:bold;;}
.top_menu { float:right; width:100%;height:35px; line-height:35px;}
.top_menu a{ float:right;padding-left:10px; }
.top_menu span{ float:right; padding:0px 10px;}
.top_menu a{ color:#0d4f0d; background:url(images/ico_01.gif) no-repeat 0px 50%;}

xiyou - 2014/1/6 11:31:26

发域名出来看看

菠萝的海 - 2014/1/6 14:10:51

回复 2楼xiyou的帖子

http://www.qqzx.org

xiyou - 2014/1/6 15:52:29

出现这个问题是因为你在全局a{color333333;text-decoration:none;}里面定义了颜色导致的

你可以在a.menu:link前面加一行
a.menu{color:#ffffff}

菠萝的海 - 2014/1/7 9:00:08

回复 4楼xiyou的帖子

全局a{color333333;text-decoration:none;}里面定义了颜色

这段代码默认模板里面就有所以一直没有动他

按照你的方法 360极速模式下正常了，但是平板uc浏览器以及手机uc浏览器打开的时候导航栏的文字还是黑色

产品使用及交流论坛