css – Facebook页面设计在IE8中不起作用

2023年8月27日 187次阅读

我们已经设计了一个脸书页面.它在包括IE7在内的所有浏览器中都运行良好但是它在IE8中不起作用.我们检查了然后我们得到了如果我们在IE8中运行我们的代码以外的代码页面但是当我们放入代码时进入脸书页面它不工作.这是我们用于IE8的css代码.

 <!--[if lt IE 8]>
<style>
.nv_a
{
    width:90px;
    height:27px;
    float:left;
    text-align:center;
        padding-top:8px;    
}

.nvt_a
{
    width:66px;
    height:27px;
    float:left;
    text-align:center;
        padding-top:8px;    
}

.nv_a a
{
    width:90px;
    height:27px;
    float:left;
    padding-top:8px;
    text-align:center;
    color:#000;
    display:inline-block;
    text-decoration:none;
    background-color:#e0e0e0;
    border-top:solid 1px #999;
    border-left:solid 1px #999;
    border-right:solid 1px #999;
    border-bottom:solid 1px #999;
}

.nv_a a:hover
{
    width:90px;
    height:27px;
    padding-top:8px;
    float:left;
    color:#000;
    text-align:center;
    background-color:#ccc;
}

.nvt_a a
{
    width:66px;
    height:27px;
    float:left;
    padding-top:8px;
    text-align:center;
    color:#000;
    display:inline-block;
    text-decoration:none;
    background-color:#e0e0e0;
    border-top:solid 1px #999;
    border-left:solid 1px #999;
    border-right:solid 1px #999;
    border-bottom:solid 1px #999;
border:1px solid red;
}

请帮我们解决问题.

最佳答案 您的代码仅针对版本低于IE8的IE …

这一行在你的样式元素之前说：<！ – [if lt IE 8]>.这基本上意味着：

>如果IE浏览器版本小于(lt)IE 8,则在此注释中包含样式声明.

现在,由于您的问题有点模糊,您要么想要将IE的所有版本都定位到包括IE 8,或者您只想要针对IE 8：

>定位所有版本,包括IE8：<！ – [if lte IE 8]>
>仅针对IE 8：<！ – [if IE 8]>

点赞