li在ie6 、ie7里莫名其妙的出现几px的margin
可能因为li里放有绝对定位的div 和浮动标签的缘故,li在ie6和ie7里 底部出现几像素的mqrgin值,郁闷老久!后来加上下面两句才搞定!
*html .treeUl li{margin-bottom:-4px;}
*+html .treeUl li{margin-bottom:-4px;}
ps:以下是我html和css
.treeUl li{border-bottom:1px solid #8DC73F;height:61px;background:#83C12C; padding-left:12px; position:relative; width:182px;}
.treeUl li .outDiv{background:url(../images/9.gif) no-repeat left center; padding-left:12px; position:absolute; z-index:1000; width:175px; left:12px; top:10px; height:36px;}
.treeUl li.act{ background:#E5771B;}
.treeUl li:hover{ background:#E5771B; border-bottom:#F6C399;}
.treeUl .hideDiv{position:absolute; width:320px; z-index:999; background:#E5771B; border:#F6C399; left:189px; display:none; top:auto;}
.treeUl .hideDiv dl{margin:0 20px 0 15px; padding:6px 0; border-bottom:1px dotted #E4822E;}
.treeUl li:hover .treeUl .hideDiv{ display:block;}
.treeUl .hideDiv dl a{padding-right:5px;}
.treeUl .hideDiv dl dt{font-weight:bold;}
<li>
<div class="outDiv">
<h2><a href="">3G智能手机</a></h2>
<p><a href="">IPHONE手机</a>、
<a href="">HTC手机</a>、
<a href="">三星手机</a>
</p>
</div>
<div class="hideDiv">
<dl>
<dt>品牌</dt>
<dd>
<a href="">三星</a>
<a href="">智能</a>
<a href="">手机</a>
<a href="">IPHONE</a>
<a href="">三星</a>
<a href="">智能</a>
<a href="">手机</a>
<a href="">IPHONE</a>
<a href="">三星</a>
<a href="">智能</a>
<a href="">手机</a>
<a href="">IPHONE</a>
</dd>
</dl>
</div>
</li>
转载于:https://www.cnblogs.com/z-uu/archive/2012/09/28/2707861.html
li在ie6 、ie7里莫名其妙的出现几px的margin相关推荐
- IE6,IE7,FF等浏览器不兼容原因及解决办法(转)
IE6,IE7,FF等浏览器不兼容原因及解决办法 2008-07-15 11:26 本文转载,作者:阿里巴巴前端开发,发到这里只是方便以后查看,也给各位需要的朋友. 浏览器的不兼容,大家肯定都是深恶痛 ...
- DIV CSS兼容性解决IE6/IE7/FF浏览器的通用方法完美兼容
在网站设计的时候,应该注意css样式兼容不同浏览器问题,特别是对完全使用DIV CSS设计的网,就应该更注意IE6 IE7 FF对CSS样式的兼容,不然,你的网乱可能出去不想出现的效果! 所有浏览器 ...
- IE6,IE7和8浏览器兼容HTML5标签的解决方案
html5大行其道的时代已经到来.如果你还在等待浏览器兼容,说明你已经与web脱节几条街了.当然,这得益于移动客户端的蓬勃发展.如果还在纠 结于,是否应该掌握html5和css3技术时,请狠狠的抽自己 ...
- div+css 布局下兼容IE6 IE7 FF常见问题
div+css 布局下兼容IE6 IE7 FF常见问题 收藏 所有浏览器 通用 (市面上主要用到的IE6 IE7 FF) height: 100px; IE6 专用 _height: 100px; I ...
- ie6,ie7,ie8 css bug兼容解决记录
断断续续的在开发过程中收集了好多的bug以及其解决的办法,都在这个文章里面记录下来了!希望以后解决类似问题的时候能够快速解决 ,也希望大家能在留言里面跟进自己发现的ie6 7 8bug和解决办法! 1 ...
- CSS兼容IE6,IE7,FF的技巧
一.CSS HACK 以下两种方法几乎能解决现今所有HACK.翻阅很多资料,已测试可以使用. 1, !important 随着IE7对!important的支持, !important 方法现在只针对 ...
- IE6,IE7和firefox的兼容问题大集合
CSS对浏览器的兼容性有时让人很头疼,或许当你了解当中的技巧跟原理,就会觉得也不是难事,从网上收集了IE7,6与Fireofx的兼容性处理方法并整理了一下.对于web2.0的过度,请尽量用xhtml格 ...
- DIV CSS IE6/IE7/IE8/FF兼容问题汇总
1.IE8下兼容问题,这个最好处理,转化成ie7兼容就可以.在头部加如下一段代码,然后只要在IE7下兼容了,IE8下面也就兼容了 <meta http-equiv="x-ua-comp ...
- IE6/IE7/IE8/FF兼容问题汇总,以及解决方案
1.IE8下兼容问题,这个最好处理,转化成ie7兼容就可以.在头部加如下一段代码,然后只要在IE7下兼容了,IE8下面也就兼容了 <meta http-equiv="x-ua-comp ...
最新文章
- 寒冰linux视频教程笔记5 过滤器、输入输出及管道
- 111. 畜栏预定【贪心】
- stm32控制舵机任意角度_如何对舵机建模仿真?
- 参数传值(数组赋值)
- CSS学习摘要-数值和单位及颜色
- mysql修改密码后phpmyadmin 出现#1045
- java ready_Java PushbackReader ready()用法及代码示例
- python3进阶开发-第一个仿博客园的项目(1)
- 老板要做DDD改造,我现在慌得一比!
- 功夫小子实践开发-基本工具类的分析和实现
- android同步服务器时间同步,Android时间与服务器同步方案
- 用库仑计方法来计量电池容量
- 论文的参考文献怎样标注?
- 关闭 c4244_秀刻开放注册锁粉;天天有鱼推基金认筹;智慧云开放交易;五子登科开放交易;火艺短视频开放交易;购视界改制;等会儿短视频关闭交易;...
- BZOJ3168: [Heoi2013]钙铁锌硒维生素
- 【学习日志】2023.04.24 C++ 调整黑点、白点和中值以增加、平衡或降低对比度
- kong安装启动问题
- 使用内核驱动上手 x710 flow directory 功能
- Fresco图片加载+EventBus+Butterknife+Retrofit+RxJava+RxAndroid
- 代码已开源,一起魔改大西瓜!
热门文章
- [转]LIB和DLL的区别与使用
- springboot+mongodb
- CSS十问——好奇心+刨根问底=CSSer (转)
- 两次服务器灾难事故的反思
- how to force opened by browser
- 可爱的特殊字符集收集
- Tensorflow tf.keras.models.load_model() 打开h5文件失败
- 汇编语言 循环控制指令
- PHP.ini的register_globals参数
- 调用Excel或Oracle数据,数据加载,selenium等使用实例