产品使用及交流论坛

注册

 

QQ登录

只需一步,快速开始

发新话题 回复该主题

一个不同浏览器模式下的CSS技术问题 [复制链接]

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




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





下拉菜单错位


部分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.menunk{display:block;colorffffff;text-decoration: none;font-weight:bold;height:27px;}
a.menu:visited {display:block;colorffffff;text-decoration:none;font-weight:bold;height:27px;}
a.menu:hover {display:block;colorffffff;text-decoration:none;font-weight:bold;;text-decoration:none;height:27px;}
.menu_current a.menu{display:block;colorffffff;text-decoration:none;font-weight:bold;;}
.menu_current a.menu:hover{display:block;colorffffff;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{ color0d4f0d; background:url(images/ico_01.gif) no-repeat 0px 50%;}
分享 转发
TOP
2#

发域名出来看看
TOP
3#
TOP
4#

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

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

回复 4楼xiyou的帖子

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

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

按照你的方法 360极速模式下正常了,但是平板uc浏览器 以及手机uc浏览器打开的时候 导航栏的文字还是黑色
TOP
发新话题 回复该主题