CSS Menu如何才能在谷歌浏览器中显示正常
日期：2014-05-17 浏览次数：20663 次
CSS Menu怎么才能在谷歌浏览器中显示正常
怎么才能在谷歌浏览器中显示正常，在IE9显示也不正常，其他浏览器显示正常。
不正常的
正常的
怎么才能在谷歌浏览器中显示正常，在IE9显示也不正常，其他浏览器显示正常。
不正常的
正常的
- HTML code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
.cn_menu
{
width: 170px;
overflow: visible;
}
.jtkh
{
background: url(images/jtkh.jpg) no-repeat left top;
text-indent: 35px;
float: left;
line-height: 32px;
font-weight: normal;
text-align: left;
width: 100%;
overflow: hidden;
margin: 1px 0 0 0;
font-weight: bold;
}
.jtkh.on1, .jtkh.on1 a
{
background: url(images/jtkh.jpg) no-repeat left -32px;
line-height: 32px;
color: #15428B;
}
.jtkh a
{
width: 100%;
color: #15428B;
text-decoration: none;
float: left;
font-family: 宋体;
font-size: 12px;
}
.jtkh a:hover
{
background: url(images/jtkh.jpg) no-repeat left -32px;
line-height: 32px;
color: #15428B;
font-family: 宋体;
font-size: 12px;
}
.jtkh.on1 li
{
background: url(images/cn_menu_li.gif) no-repeat left top;
height: 30px;
text-indent: 30px;
font-weight: normal;
color: #666666;
margin: 0;
line-height: 30px;
}
.jtkh.on1 li.on
{
background: url(images/cn_menu_li.gif) no-repeat left -30px;
}
.jtkh.on1 li.on a
{
color: #333333;
background: url(images/cn_menu_li.gif) no-repeat left top;
}
.jtkh.on1 li a
{
line-height: 30px;
color: #666666;
background: url(images/cn_menu_li.gif) no-repeat left top;
}
.jtkh.on1 li a:hover
{
background: url(images/cn_menu_li.gif) no-repeat left -30px;
color: #333333;
line-height: 30px;
font-weight: normal;
}
.grkh
{
background: url(images/grkh.jpg) no-repeat left top;
text-indent: 35px;
float: left;
line-height: 32px;
font-weight: normal;
text-align: left;
width: 100%;
overflow: hidden;
margin: 1px 0 0 0;
font-weight: bold;
}
.grkh.on2, .grkh.on2 a
{
background: url(images/grkh.jpg) no-repeat left -32px;
line-height: 32px;
color: #15428B;
}
.grkh a
{
width: 100%;
color: #15428B;
text-decoration: none;
float: left;
}
.grkh a:hover
{
background: url(images/grkh.jpg) no-repeat left -32px;
line-height: 32px;
color: #15428B;
}
.grkh.on2 li
{
background: url(images/cn_menu_li.gif) no-repeat left top;
height: 30px;
text-indent: 30px;
font-weight: normal;
color: #666666;
margin: 0;
line-height: 30px;
}
.grkh.on2 li.on
{
background: url(images/cn_menu_li.gif) no-repeat left -30px;
}
.grkh.on2 li.on a
{
color: #333333;
background: url(images/cn_menu_li.gif) no-repeat left top;
}
.grkh.on2 li a
{
line-height: 30px;
col
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
