在我的项目中,我使用引导程序和更少。虽然我在测试模板的时候看起来很漂亮,但是在用ieTest测试的时候,我发现了一些问题。
图片从上到下分别是 Chrome 22、IE9 和 IE6:
我找到了所有我能找到的东西,例如“三像素慢跑”,但我仍然无法解决它。
这是html代码:
<p class="top-tag">
<span class="floatbutton">
<a href="" class="clear left-button"><</a>
<a href="" class="right-button clear">></a>
</span>
<a href="" class="down">down</a>
<a href="" class="ask-detail">ask phone</a>
<a href="" class="bytime">time</a> /
<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.css
and 。css.less
问题是为什么IE下的像素,他们不能工作。而IE6又不能显示,而且飘得很远。
谢谢!