摘要：在开发中难免会遇到的兼容问题特别是这个臭蛋蛋今天正好有时间就整理一下平时遇到的兼容问题以及解决方案文档类型的声明在中如果没有书写这个文档说明就会进入怪异模式解析现象解决方法在文件开头写此说明横向双倍外边距在中块元素浮动后，会出现横向双倍现象
在开发中难免会遇到CSS的兼容问题,特别是IE这个臭蛋蛋,今天正好有时间,就整理一下平时遇到的CSS兼容问题以及解决方案.
文档类型的声明在IE6中如果没有书写这个文档说明,就会进入怪异模式解析现象.
解决方法:
在文件开头写此说明
横向双倍外边距在IE6中块元素浮动后，会出现横向双倍margin现象
解决方法:
在float标签的样式控制中加入display：inline
IE6最小height值19px在IE6中即使设置 height:10px,在IE6中也会是19px
解决方法
在CSS中加入overflow:hidden
img外部的border在IE6,7中,img外部有a标签，即img标签有链接时,会产生边框.
解决方法
在CSS样式中使用border:none
IE6中的透明度设置设置透明度时,常常使用rgba()和 opacity 来设置,但是,臭蛋蛋不支持.
解决方法
在CSS样式中添加 filter:alpha(opacity=50) ,但是此时 opacity的值是1-100的值.
:hover的兼容在IE6中:hover,:link,:visited ,:active 只能给 a标签 使用.并且不支持其他伪类.
解决方法
增加 zoom:1的属性
hello 颜色 world
关于CSS Hack
_width--只有IE6支持
*width --IE6,7 支持 ,常用
+width --IE6,7 支持
文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。
转载请注明本文地址：https://www.ucloud.cn/yun/111288.html
摘要：关于浏览器样式初始化，经验不丰富的话，可能也不知道该初始化什么，这里给大家推荐一个库，，数量接近万，选取展示其中几个样式设置，如下通过样式初始化，相信能解决不少常规的兼容性问题，接下来再看看浏览器的私有属性。 前端是一个苦逼的职业，不仅因为技术更新快，而且要会的东西实在太多了（如果全写出来，那真是一箩筐），更让人头疼的是，还要面临各种适配、兼容性问题。 一直以来都是头痛医头脚痛医脚，没...
摘要：关于浏览器样式初始化，经验不丰富的话，可能也不知道该初始化什么，这里给大家推荐一个库，，数量接近万，选取展示其中几个样式设置，如下通过样式初始化，相信能解决不少常规的兼容性问题，接下来再看看浏览器的私有属性。 前端是一个苦逼的职业，不仅因为技术更新快，而且要会的东西实在太多了（如果全写出来，那真是一箩筐），更让人头疼的是，还要面临各种适配、兼容性问题。 一直以来都是头痛医头脚痛医脚，没...
摘要：划重点，这是一道面试必考题，很多面试官都喜欢问这个问题，我就被问过好几次了要实现上图的效果看似很简单，实则暗藏玄机，本文总结了一下实现水平垂直居中的方式大概有下面这些，本文将逐一介绍一下，我将本文整理成了一个仓库，欢迎大家仅居中元素定宽高适 划重点，这是一道面试必考题，很多面试官都喜欢问这个问题，我就被问过好几次了 showImg(https://segmentfault.com/im...
摘要：划重点，这是一道面试必考题，很多面试官都喜欢问这个问题，我就被问过好几次了要实现上图的效果看似很简单，实则暗藏玄机，本文总结了一下实现水平垂直居中的方式大概有下面这些，本文将逐一介绍一下，我将本文整理成了一个仓库，欢迎大家仅居中元素定宽高适 划重点，这是一道面试必考题，很多面试官都喜欢问这个问题，我就被问过好几次了 showImg(https://segmentfault.com/im...
阅读 3941·2021-11-24 10:46
阅读 1826·2021-11-16 11:44
阅读 2305·2021-09-22 16:02
阅读 1427·2019-08-30 15:55
阅读 1141·2019-08-30 12:46
阅读 576·2019-08-28 18:31
阅读 2774·2019-08-26 18:38
阅读 1108·2019-08-23 16:51
