0

在我的项目中,我使用引导程序和更少。虽然我在测试模板的时候看起来很漂亮,但是在用ieTest测试的时候,我发现了一些问题。

图片从上到下分别是 Chrome 22、IE9 和 IE6: 在 Chrome22 上测试 在IE9上测试 在IE6上测试

我找到了所有我能找到的东西,例如“三像素慢跑”,但我仍然无法解决它。

这是html代码:

<p class="top-tag">
    <span class="floatbutton">
        <a href="" class="clear left-button">&lt;</a>
        <a href="" class="right-button clear">&gt;</a>
     </span>

    <a href="" class="down">down</a>
    <a href="" class="ask-detail">ask phone</a>
    <a href="" class="bytime">time</a>&nbsp;/&nbsp;
    <a href="" class="passrate">rate</a>
    <b>1,10</b>
</p>

这是CSS:

p.top-tag {
    margin-top: 25px; 
    font-size: 12px;
    width: 100%;
    a.down, a.ask-detail {
        display: inline-block; 
        height: 25px; 
        text-align: center; 
        line-height: 25px; 
        border: 1px solid #dddddd; 
        color: #2f2725;
    }
    a.down { width: 44px;}
    a.ask-detail {
        width: 90px;
        margin: 0 43px auto 20px;
    }
    b {
        margin-left: 284px;
        display: inline-block;
    }
    span.floatbutton { 
        float: right;
        width: 39px;
        //display: inline-block;
        overflow: auto;
        zoom: 1;

        //for the IE6
        //---
        //_overflow: hidden; zoom: 1; 
        //---
        height: 25px;
        margin: 4px -3px auto 0;
        a {
            display: inline-block; 
            vertical-align: top; 
            width: 13px; 
            height: 13px; 
            border: 1px solid #ddd; 
            padding-left: 4px; 
            padding-bottom: 4px;
        }
        a.left-button {
            float: left; 
            display: inline;  
            border-right-style: none; 
            *margin-top: 1px;
        }
    }
}

我在模板的开头使用bootstrap.cssand 。css.less

问题是为什么IE下的像素,他们不能工作。而IE6又不能显示,而且飘得很远。

谢谢!

4

0 回答 0