CSS中英文导航_html/css_WEB-ITnose

导航 CSS 兼容性

在Chrome和Safari中不兼容，鼠标滑过之后不能显示出中文，其他浏览器都是正常的

回复讨论(解决方案)

代码如下





html, body, iframe,h1, h2, h3, h4, h5, h6, p, ol, ul, dl, dd,input, button,select, textarea, th, td, form { margin: 0; padding: 0;}
ol,ul{ list-style: none;}
a{ text-decoration: none;}
textarea{ resize: none;}
a,a:active,a:focus{ outline: none;}
a:hover{ text-decoration: underline;}
img{ border: none;}
table{ border-collapse: collapse; border-spacing: 0;}
.left_bar{ width: 161px;}
.nav{ height: 88px; padding: 35px 0 35px 40px; font: narmal 12px/22px "Microsoft Yahei";}
.nav li{ height: 22px; overflow: hidden; line-height: 22px;}
.nav li a{ color: #727171; height: 22px; overflow: hidden; cursor: pointer;}
.nav li a span{ display: block;}
.nav li a i{ display: none; font-style: normal;}
.nav li a:hover{ display: block; cursor: pointer; color: #093683; font-size: 14px; text-decoration: none;}
.nav li a:hover span{ display: none; cursor: pointer;}
.nav li a:hover i{ display: block; overflow: hidden;}
.nav li .nav_hover{ display: block; cursor: pointer; color: #093683; font-size: 14px;}
.nav li .nav_hover span{ display: none; cursor: pointer;}
.nav li .nav_hover i{ display: block; overflow: hidden;}
.nav li .nav_hover:hover{ display: block; cursor: pointer;}
.nav li .nav_hover:hover span{ display: none; cursor: pointer;}
.nav li .nav_hover:hover i{ display: block; overflow: hidden; font-style: normal;}

ABOUT US 关于我们
MARKETING CASE 案例分享
SERVICE SYSTEM 服务体系
CONTACT US 联系我们

查看更多关于CSS中英文导航_html/css_WEB-ITnose的详细内容...