一些常见的ie兼容
来源:互联网 发布:为什么唱衰中国知乎 编辑:程序博客网 时间:2024/05/05 13:53
1.<!DOCTYPE HTML>文档类型的声明。
产生条件:IE6浏览器,当我们没有书写这个文档声明的时候,会触发IE6浏览器的怪异解析现象;
解决办法:书写文档声明。
2.不同浏览器当中,很多的标签的默认样式不同,如默认的外部丁内补丁。
产生条件:不同浏览器;
解决办法:利用CSS reset文件进行样式的清除,然后再根据需要进行设置。
3.横向双倍外边距
产生条件:在IE6中块元素浮动后,会出现横向双倍margin现象。
解决办法: 在float标签的样式控制中加入display:inline
4.默认行高
产生条件:IE6、IE7、遨游浏览器;设置的文字高度超出盒模型内容区域设置的高度时会影响布局。
解决办法:给超出高度的标签设置overflow:hidden;或者将文字的行高line-height设置为小于块的高度。
5.img外部的border
产生条件:img外部有a标签,即img标签有链接时
解决办法:设置img边框border:0;
6.图片默认有间距。
产生条件:img标签(每个img之后敲了回车)
解决办法:为img设置float的浮动布局方式。
7.经典3像素bug
产生条件:IE6浏览器,浮动块元素与未浮动块元素处于同一行,有默认的3px间距。
解决办法:设置非浮动元素浮动。
8.默认行高
产生条件:清除浮动的时候,有些人会采取一种清浮动的方法,使用一个空的div,然后为这个div设置{clear:both}。在大部分
浏览器当中,这样做是没有任何问题的,但是在IE6浏览器当中,div即使是空的,也会存在默认行高。
解决办法:设置其高度为0,并设置overflow:hidden。{height:0;overflow:hidden;clear:both;}
9.a标签hover不适用于所有标签
产生条件:IE6浏览器中hover只支持a标签的使用,不支持一切其它标签使用;
解决办法:合理用a标签嵌套其他行内标签或者用javascript模拟a的hover效果;详情请查看日志:兼容IE6 a标签hover效果
10.table标签当中border-color属性设置无效
产生条件:IE6中table设置属性border-color无效;
解决办法:运用CSS样式进行控制,而不是使用属性进行样式的处理。
11.png格式图片
产生条件:IE6浏览器,不支持透明;
解决办法:使用javascript进行处理;或者使用gif、jpg图像替代掉png图片的使用。
12.透明rgba与opacity
产生条件:IE6不支持此两种透明的设置方法;
解决办法:使用IE6当中的滤镜filter替代掉,如:opacity:0.6;filter:alpha(opacity=60)
0 0
- 一些常见的ie兼容
- FF和IE的一些兼容解决方案
- IE下的一些兼容处理
- 自己常见的一些JavaScript兼容总结
- 浏览器兼容的一些常见bug搜集
- 浏览器兼容之旅的第三站:IE常见Bug
- IE和FF JS中兼容的一些方法
- IE和FF一些不兼容的样式说明
- 扩展IE中一些不兼容的方法
- js下IE和FF的一些兼容写法总结
- ie兼容的摘记
- 兼容IE的placeholder
- 兼容IE的语句
- ie 的兼容写法
- IE6下面常见的一些不兼容【转】
- ie与火狐中常见的一些兼容问题
- IE与火狐中常见的一些兼容问题
- ie与火狐中常见的一些兼容问题
- HDU3038 How Many Answers Are Wrong 带权并查集
- Android LitePal 让数据使用so easy(原文)
- 记录一下UGUI的Rectransform的一些属性
- expdp/impdp 使用手册
- 算法题——Find the Difference(JAVA)
- 一些常见的ie兼容
- Leetcode_Contains Duplicate
- [Haskell on HackerEarth] Monk and Welcome Problem
- 邮件的组织结构
- JNDI
- Python 语言list 列表类型中的 extend() 和 append() 的区别
- web移动端Fixed在Input获取焦点时ios下产生的BUG及处理
- 安装CentOS系统
- 105. Construct Binary Tree from Preorder and Inorder Traversal