今天写大头贴的模板list时，写了这样的html：
- #templateField{border: solid 1px #E2E2D7; width:753px;}
- #templateList{ list-style:none; padding:10px 10px 10px 20px; width:753px; overflow:hidden;}
- #templateList li{width:153px; text-align:center; float:left; margin:15px 0px 0px 28px;}
- #templateList li img{margin-bottom:5px;width:153px; height:40px;}
- #templateField legend{color: #0046D5; font-size: 15px; font-family:@黑体;}
- <fieldset id="templateField">
- <legend style=" ">请选择一款您喜欢的模板开始制作</legend>
- <ul id="templateList">
- <li><img alt="" src="images/dtt_template_1.gif" /><br /><a href="#">万花筒</a></li>
- <li><img alt="" src="images/dtt_template_1.gif" /><br /><a href="#">万花筒</a></li>
- <li><img alt="" src="images/dtt_template_1.gif" /><br /><a href="#">万花筒</a></li>
- <li><img alt="" src="images/dtt_template_1.gif" /><br /><a href="#">万花筒</a></li>
- <li><img alt="" src="images/dtt_template_1.gif" /><br /><a href="#">万花筒</a></li>
- </ul>
- </fieldset>
结果在IE下查看，居然legend的标题就横过来了，截图如下：
，很是郁闷，搞了半天，删除 font-family:@黑体;属性就ok了，试着将@去掉便是好的，那到底@是干什么用的呢？去查了一下，这个@和css的@规则似乎没有关系，有个帖子直接解释了，@字体就表示按照该字体横向输出，ORZ，那还查个P啊。
No Comments for this post
还没有评论。
Leave a comment