我有一點與IE7呈現問題(像往常一樣)。說有看起來像這樣的一個日曆控件:在IE7中呈現問題
<div class="calPager">
<input type="submit" name="prev" value="Prev" class="pagerPrev" />
<input type="submit" name="prev" value="Next" class="pagerNext" />
August 2009
</div>
的CSS看起來是這樣的:
.calPager {
text-align: center;
height: 30px;
line-height: 30px;
}
input.pagerPrev, input.pagerNext {
height: 30px;
text-decoration: none;
border: none;
}
input.pagerPrev {
float: left;
padding-left: 28px;
background: url(../images/calPrevArrow.png) no-repeat;
}
input.pagerNext {
float: right;
padding-right: 28px;
background: url(../images/calNextArrow.png) right no-repeat;
}
在IE8和Firefox這看起來不錯,按鈕浮動到左,右和月份和年份都以中心爲中心。但IE7不會將文本居中。這裏有什麼問題?
有趣的是,如果你用鏈接替換輸入元素(就像我在另一個項目中做的那樣),這些東西在IE7中都顯示得很好。
另一個小問題,IE開發人員的工具不知何故停止了識別除我的第一個CSS文件之外的所有東西,所以沒有太大的幫助。 CSS選項卡似乎卡在「加載...」上。任何人也會遇到這個問題呢?
我不知道它是解析器的交易有多大的浮動所有的輸入,但在URL中的東西()標籤也許應該加上引號。 – Jess 2009-08-19 20:38:33
引號是可選的,所以不用擔心。 http://www.w3.org/TR/CSS21/syndata.html#uri – RwwL 2009-08-19 21:01:47