请问大家关于IE下面的一个li的兼容性问题_html/css_WEB-ITnose
程序员文章站
2022-05-12 21:34:25
...
html css ie 兼容 今天碰到一个IE的兼容性问题,代码如下
显示结果如下,
请问各位如何解决?
- 第一级别
- 第二级别
- 第三级别
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;}
显示结果如下,
请问各位如何解决?
回复讨论(解决方案)
首先,你的代码貌似有点乱。
不知道你是想要什么效果呢,是说IE7那白色的边框和高度问题吗?
如果是,请删除下面代码:
border: 1px transparent solid; //border设了透明也占着位置
*height:auto!important; //这句IE7识别,所以后面设置的height:29px;无效。
如果不是,那就再说明一下吧。
上一篇: 微信卡卷测试代码