我有一点与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