请问大家关于IE下面的一个li的兼容性问题

脑中有飞鸟 2013-08-16 06:51:15
今天碰到一个IE的兼容性问题,代码如下
                <ul class="selectionblock">
<li>第一级别</li>
<li class="selected">第二级别</li>
<li>第三级别</li>
</ul>


ol, ul {
list-style: none;
margin:0;
padding:0;
}
li {
display: list-item;
}
ul.selectionblock li {
font-family:"微软雅黑", "Microsoft Yahei", 'Segoe UI', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
font-weight: 400;
font-size: 9pt;
min-width: 50px;
min-height: 25px;
height: 25px;
background-color: #9CC4E4;
border: 1px transparent solid;
color: #353535;
margin:0;
border-raduis: 0;
display: block;
margin:0;
float:left;
text-align: center;
vertical-align: middle;
cursor: pointer;
padding: 4px 10px;
position: relative;
*font-size:13px;
*height:auto!important;
*vertical-align:bottom;
overflow:hidden;
}
ul.selectionblock li.selected {
background-color:#F26C4F;
color:white;
height:29px;
top:-2px;
}

显示结果如下,

请问各位如何解决?
...全文
150 2 打赏 收藏 转发到动态 举报
写回复
用AI写文章
2 条回复
切换为时间正序
请发表友善的回复…
发表回复
Robin-Frontend 2013-08-17
  • 打赏
  • 举报
回复
首先,你的代码貌似有点乱。 不知道你是想要什么效果呢,是说IE7那白色的边框和高度问题吗? 如果是,请删除下面代码: border: 1px transparent solid; //border设了透明也占着位置 *height:auto!important; //这句IE7识别,所以后面设置的height:29px;无效。 如果不是,那就再说明一下吧。
脑中有飞鸟 2013-08-16
  • 打赏
  • 举报
回复
没有人吗,自己顶一顶,不能沉了,这个bug很奇怪啊

61,115

社区成员

发帖
与我相关
我的任务
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
  • HTML(CSS)社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧