IE6滴FUCK-BUG:配置报错 -问答-阿里云开发者社区-阿里云

开发者社区> 问答> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

IE6滴FUCK-BUG:配置报错 

2020-06-02 14:41:21 867 1

1 IE6中绝对定位位置错误

BUG 在ie6中 . 如果参照物没有触发haslayout . 那么“绝对定位的容器”的left和bottom就会有问题

解决 在“相对定位的父容器”上加入 zoom:1 来触发ie的haslayout即可解决

小技巧:通常我们在设置一个容器为position:relative的时候 . 都会加上zoom:1来解决很多ie下的问题

2 IE6中绝对定位1像素偏差

BUG IE6下参照物宽高为奇数时 . 绝对定位元素设置了位置为0或100%时 . 仍会有1px的空隙 

解决 设为偶数

3 IE6中绝对定位消失

BUG IE6中绝对定位元素在浮动元素的前面或者后面消失

解决 a:给绝对定位元素加 clear:both 

b:给浮动元素 加负外边距

4 IE67中相对定位元素溢出不动

BUG IE67中相对定位的元素在有滚动条的容器里会固定不动且溢出

解决 只需要在有滚动条的容器上也设置position:relative即可

5 IE6浮动元素双边距bug

BUG IE6中第一个左浮动的块级元素的margin-left加倍 . 第一个又浮动的块级元素的margin-right加倍

解决 给第一个浮动元素加 display:inline

6 IE6中浮动引起的3px的bug

BUG IE6中浮动元素与紧随其后的元素会有3px间距

解决 给浮动元素 加负外边距

7: IE67中表单元素向右偏离的bug

BUG 当“某些表单元素”的“父元素上触发了haslayout”后 . 这些表单元素会以“祖先元素上的margin-left值”偏离

解决 在“父元素外或内” “再嵌套一个触发haslayout的元素” 即可(zoom:1)

8: IE67中图片链接点击无效的bug

BUG 对于a>span>img结构 . 如果span触发了haslayout . 那么img将点击无效

解决 给img设置position:relative;z-index:-1;再给a设置cursor:pointer;

9 li在IE中底部3像素的BUG

BUG li包含a,span等行内元素同时设置行内元素float:left或display:block时,底部多出3px

解决 给li设置 float:left

10 IE6下链接伪类(:hover)CSS背景图片有闪动BUG

BUG 主要原因ie会再一次请求这张图片,或者说图片没被缓存

解决 在页面底部添加以下IE6专用代码,让IE6缓存CSS背景图片至本地

取消 提交回答
全部回答(1)
  • kun坤
    2020-06-02 14:41:27

    服务器检测到 浏览器ua,根据不同浏览器引擎输出不同的css文件
    <link rel="stylesheet" type="text/css" href="common-style.css" media="all"> <link rel="stylesheet" type="text/css" href="styleservlet" media="all">

    0 0
相关问答

1

回答

flink报错

2021-12-07 15:59:28 441浏览量 回答数 1

1

回答

关于oschina的git配置问题:报错

2020-06-14 17:57:10 542浏览量 回答数 1

1

回答

git.oschina的一个bug:报错

2020-06-08 16:44:05 277浏览量 回答数 1

1

回答

Think3.2.3怎么配置多个数据库连接啊? : 配置报错 

2020-06-03 15:06:41 361浏览量 回答数 1

1

回答

Flume配置avro sink出现问题 配置报错 

2020-05-31 17:30:00 543浏览量 回答数 1

1

回答

Activity动画为何无效:配置报错 

2020-06-04 10:24:34 318浏览量 回答数 1

1

回答

在 IntelliJ IDEA 中 配置 Jetty9 出现 Duplicate *** -服务报错

2020-06-02 21:58:51 339浏览量 回答数 1

1

回答

关于oschina的git配置问题:配置报错 

2020-06-02 16:43:47 411浏览量 回答数 1

1

回答

关于oschina的git配置问题-git报错

2020-06-01 21:24:08 499浏览量 回答数 1

1

回答

推荐个配置1000日IP内

2015-03-15 21:48:19 4269浏览量 回答数 1
+关注
文章
问答
问答排行榜
最热
最新
相关电子书
更多
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载
冬季实战营第三期:MySQL数据库进阶实战
立即下载