CSS兼容性

wdzgege 发布于2019-08-28 18:31 / 466人阅读

摘要：在开发中难免会遇到的兼容问题特别是这个臭蛋蛋今天正好有时间就整理一下平时遇到的兼容问题以及解决方案文档类型的声明在中如果没有书写这个文档说明就会进入怪异模式解析现象解决方法在文件开头写此说明横向双倍外边距在中块元素浮动后，会出现横向双倍现象

在开发中难免会遇到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 支持

idc机房托管专线服务服务器css兼容性 css兼容 beta2的CSS兼容性兼容性

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/111288.html

CSS浏览器兼容性的4个解决方案：浏览器CSS样式初始化、浏览器私有属性，CSS hack语法和自动

摘要：关于浏览器样式初始化，经验不丰富的话，可能也不知道该初始化什么，这里给大家推荐一个库，，数量接近万，选取展示其中几个样式设置，如下通过样式初始化，相信能解决不少常规的兼容性问题，接下来再看看浏览器的私有属性。前端是一个苦逼的职业，不仅因为技术更新快，而且要会的东西实在太多了（如果全写出来，那真是一箩筐），更让人头疼的是，还要面临各种适配、兼容性问题。一直以来都是头痛医头脚痛医脚，没...

Maxiye 2019-08-30 15:55 评论0 收藏0
CSS浏览器兼容性的4个解决方案：浏览器CSS样式初始化、浏览器私有属性，CSS hack语法和自动

摘要：关于浏览器样式初始化，经验不丰富的话，可能也不知道该初始化什么，这里给大家推荐一个库，，数量接近万，选取展示其中几个样式设置，如下通过样式初始化，相信能解决不少常规的兼容性问题，接下来再看看浏览器的私有属性。前端是一个苦逼的职业，不仅因为技术更新快，而且要会的东西实在太多了（如果全写出来，那真是一箩筐），更让人头疼的是，还要面临各种适配、兼容性问题。一直以来都是头痛医头脚痛医脚，没...

princekin 2019-08-23 15:17 评论0 收藏0
CSS浏览器兼容性的4个解决方案：浏览器CSS样式初始化、浏览器私有属性，CSS hack语法和自动

摘要：关于浏览器样式初始化，经验不丰富的话，可能也不知道该初始化什么，这里给大家推荐一个库，，数量接近万，选取展示其中几个样式设置，如下通过样式初始化，相信能解决不少常规的兼容性问题，接下来再看看浏览器的私有属性。前端是一个苦逼的职业，不仅因为技术更新快，而且要会的东西实在太多了（如果全写出来，那真是一箩筐），更让人头疼的是，还要面临各种适配、兼容性问题。一直以来都是头痛医头脚痛医脚，没...

firim 2019-08-05 18:10 评论0 收藏0
CSS实现水平垂直居中的1010种方式（史上最全）

摘要：划重点，这是一道面试必考题，很多面试官都喜欢问这个问题，我就被问过好几次了要实现上图的效果看似很简单，实则暗藏玄机，本文总结了一下实现水平垂直居中的方式大概有下面这些，本文将逐一介绍一下，我将本文整理成了一个仓库，欢迎大家仅居中元素定宽高适划重点，这是一道面试必考题，很多面试官都喜欢问这个问题，我就被问过好几次了 showImg(https://segmentfault.com/im...

YuboonaZhang 2019-08-29 16:45 评论0 收藏0
CSS实现水平垂直居中的1010种方式（史上最全）

摘要：划重点，这是一道面试必考题，很多面试官都喜欢问这个问题，我就被问过好几次了要实现上图的效果看似很简单，实则暗藏玄机，本文总结了一下实现水平垂直居中的方式大概有下面这些，本文将逐一介绍一下，我将本文整理成了一个仓库，欢迎大家仅居中元素定宽高适划重点，这是一道面试必考题，很多面试官都喜欢问这个问题，我就被问过好几次了 showImg(https://segmentfault.com/im...

OnlyLing 2019-08-23 11:58 评论0 收藏0
CSS实现水平垂直居中的1010种方式（史上最全）

摘要：划重点，这是一道面试必考题，很多面试官都喜欢问这个问题，我就被问过好几次了要实现上图的效果看似很简单，实则暗藏玄机，本文总结了一下实现水平垂直居中的方式大概有下面这些，本文将逐一介绍一下，我将本文整理成了一个仓库，欢迎大家仅居中元素定宽高适划重点，这是一道面试必考题，很多面试官都喜欢问这个问题，我就被问过好几次了 showImg(https://segmentfault.com/im...

zorpan 2019-08-05 15:00 评论0 收藏0