【技术】ie6里position、margin-top、margin-left失效
2014-02-21 16:02
309 查看
原代码:
“红色带数字的心”其css为
.user-number{
margin-top: -30px;
margin-left: -15px;
position: absolute;}
ie7、ie8、ie9、google、firefox、360浏览器均正常,ie6出现下图情况
解决方法:
通过firefox的“控制台”-->“规则”,找到父层position,给父层添加zoom:1;添加后代码如下
.wrapper{
position: relative;
zoom:1}
改后图片
“红色带数字的心”其css为
.user-number{
margin-top: -30px;
margin-left: -15px;
position: absolute;}
ie7、ie8、ie9、google、firefox、360浏览器均正常,ie6出现下图情况
解决方法:
通过firefox的“控制台”-->“规则”,找到父层position,给父层添加zoom:1;添加后代码如下
.wrapper{
position: relative;
zoom:1}
改后图片
相关文章推荐
- IE6下position:absolute相邻元素margin-top失效的bug
- 绝对定义(position:absolute)的相邻元素margin-top在IE6下失效
- 关于 IE6 中绝对定位(position:absolute)中的left和bottom属性失效
- 元素的position:absolute;属性和margin-left:480px; margin-top:-20px配合使用
- 突然发现position:absolute和margin-left/margin-top搭配实现元素叠加这类非常规布局还是很好用滴
- position:fixed; top: 0; right: 0; bottom: 0; left: 0;的意思
- IE6中用了float:left之后导致margin-left双倍边距的BUG解决方法
- css中margin-top/margin-bottom失效
- 解决IE6下position:fixed失效的方法
- IE6中float:left后导致margin-left双倍边距的BUG解决办法就是是加上display:inline
- IE6中用了float:left之后导致margin-left双倍边距的BUG解决方法
- IE6中margin-bottom为负值时失效
- position:static relative absolute margin-left float 属性
- ie下 margin-left失效
- position:fixed; top: 0; right: 0; bottom: 0; left: 0;的意思
- ie6下iframe中里使用target="_top" 链接失效
- CSS中margin-top属性失效问题解决
- CSS中margin-top属性失效问题解决
- firefox margin-top失效的原因与解决办法
- 【兼容ie6笔记】当li为父级元素,子级元素使用了position:absolute,并用left定位时