CSS论坛 » CSS提问(问题解决)区 » 搜狗浏览器兼容和高速显示问题，求高手解答！

background 发表于 2012-5-4 17:47

搜狗浏览器兼容和高速显示问题，求高手解答！

[color=Red]css部分[/color]
.mainnav
{
        padding:0;
        clear: left;
        float: left;
        height: 42px;
        width: 992px;
        background:url(_template_Images/lxdh.jpg) no-repeat !important;
        overflow:hidden;
}
.mainnav ul
{
        margin: 0;
        padding:0;
        list-style:none;       
        height:42px;       
}
.mainnav li
{
        display:block;
        float:left;       
        width:103px;
        height:42px;
        line-height:42px;
        padding-top: 0px;
        padding-right: 0px;
        padding-bottom: 26px;
        padding-left: 0px;
        text-align:center;
        font-size:12px;
        color:#ffffff;
        font-family: Arial, Helvetica, sans-serif;
}

.mainnav li a:link,.mainnav li a:visted
{
       
        display:block;       
        height:42px;
        text-align:center;
        font-size:12px;
        color:#ffffff;
        background:url(_template_Images/bg_dhx.jpg) no-repeat 0 0 center !important;
        text-decoration:none;
        font-family: Arial, Helvetica, sans-serif;
}

.mainnav li.lan a,.mainnav li a:hover
{
        display:block;       
        height:42px;
        text-align:center;
        font-size:12px;
        color:#ffffff;
        background:url(_template_Images/bg_dhx.jpg) no-repeat 12px -42px !important;
        text-decoration:none;
        font-family: Arial, Helvetica, sans-serif;
}

[color=Red]页面部份[/color]
<div class="mainnav">
                    <ul >
                      <li style="width:87px" class="lan"><a href="index.asp" >&nbsp;&nbsp;&nbsp;Home</a></li>
                        <li><a href="Info.asp?gCateID=96875336.2"  class="hong">About</a></li>
                <li><a href="Info.asp?gCateID=40625301.1" class="hong" >Culture</a></li>
                        <li><a href="List.asp?gCateID=09375281.6" class="hong">News</a></li>
                        <li><a href="Product.asp?gCateID=03125215.2" class="hong" >Products</a></li>                       
                        <li><a href="Info.asp?gCateID=28125418.3" class="hong">Jobs</a></li>
                        <li> <a href="Info.asp?gCateID=96875461.2"  class="hong">Contact</a></li>
                      </ul>
                    </div>
[color=Red]搜狗高速模式显示[/color]
[localimg=1045,75]1[/localimg]
[color=Red]搜狗兼容模式显示[/color]
[localimg=1045,75]2[/localimg]

lft59598 发表于 2012-5-7 12:02

你想问什么问题？

你的代码看起来好像是没有兼容自适应，你为li写了宽度，还有它的的填充也很多余，有个行高就行了。
a:link的背景，用了0 0 ，然后又居中？好搞怪嘛。

background 发表于 2012-5-9 08:58

回复 2# lft59598 的帖子

兼容自适应，是指的哪块？
麻烦详细说明下，谢谢！

查看完整版本: 搜狗浏览器兼容和高速显示问题，求高手解答！