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

时间:2011-02-11 08:01:54

标签: css facebook internet-explorer-8

我们设计了一个脸书页面。它在包括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;
}

请帮助我们解决问题。

1 个答案:

答案 0 :(得分:2)

您的代码仅针对版本低于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]>