IE 兼容性问题
来源:互联网 发布:下载软件的软件有哪些 编辑:程序博客网 时间:2024/06/05 16:58
IE6的问题
选择器的问题
IE6不支持连续类交集选择.box1.box2{}
盒模型的兼容性问题
如果不写DTD,那么IE6的盒模型是內减的,而不是外扩的。
解决办法,就是一定要写DTD。
不支持小于一个文字高度的盒子。任何浏览器都有默认字号,IE6默认字号是14px,所有小于字号的盒子都不能正常渲染,解决办法,使用_或-单独为IE6设置一个盒子的字号,这个字号比盒子小就行,比如设置0;
浮动的兼容性
标准流的盒子不会钻到浮动盒子的下边,解决方法:不准使用浮动标准流这个小技巧,使用定位层级实现覆盖。 overflow:hidden;不被支持。 高级浏览器标准流的盒子不能被脱标的儿子撑出高度,使用overflow:hidden;可以做到,但是在IE6里边overflow:hidden;是不好使的,想做到需要触发IE6的haslayout机制。 div{ border:1px solid red; overflow:hidden; _zoom:1; } haslayout解释: IE6里面有两个儿子撑父亲的机制,一种是有hasLayout,一种是没有。所谓的layout就是布局的意思。 zoom 总是可以触发 hasLayout。zoom这个属性,是用来控制一个元素缩放倍数的,是IE特有的属性,Chrome现在的版本也支持了。加上zoom属性的元素,都能触发这个元素的hasLayout,所以IE6就用另一种方式渲染盒子了。 双倍margin的问题: 连续浮动的元素,浮动的方向和margin方向相同,最后一个和开头一个都有可能出现双倍margin的现象。 解决方法: 1)严禁儿子踹父亲,所以这个问题根本不应该出现。 2)如果必须要踹父亲,那就给第一个元素的margin设置为正常的一半。 IE6中3像素bug: 如果一个盒子浮动,一个盒子不浮动,两者并排之间会出现3像素间隙。 解决办法: 1)不允许出现一个浮动一个不浮动的情况。 2)如果必须这么写,就让浮动的盒子 _margin-right: -3px;这么解决。
定位的兼容性问题
IE6不支持position:fixed;固定定位。使用js模拟定位。
文字样式兼容
在IE6、7、8中所有的超链接图片都会有一个蓝色的边框。
盒子的透明
opacity就是透明度的意思,值是0-1之间,1就是不透明实心,0就是纯透明 这个属性IE678不支持,要写IE自己的滤镜属性 filter :alpha(opacity=40); 盒子中的文字也会跟着透明,解决文字不透明:不要把opacity属性的盒子里边写文字,把文字单独放出去写一个绝对定位钉在一起。
图片透明
jpg/jepg
压缩格式,颜色是失真的,为了保证尺寸较小,所以有压缩算法,所以尺寸颜色是失真的。网页中照片,新闻图片,banner,焦点图片都要用jpg格式,因为图片尺寸小,没有图层,不支持透明和半透明。
png
不可压缩,颜色不失真,是fireworks这个软件默认保存的格式,可以有图层。在上传服务器的时候,所有的png图片一定要去掉图层,导出文件就可以去掉图层。
jpg是压缩的,png是不可压缩的,但是同一张图片,jpg不一定比png图片尺寸小.经过对比像素点复杂的颜色渲染比较多的jpg小于png,像素点简单的,颜色单一的图片jpg大于png。
所以在网页中,杂碎的图标,使用png,图标颜色比较单一,使用png尺寸更小,png图片支持半透明和透明,但是IE6不支持png图片的透明和半透明。
Gif
没有压缩与不压缩,它仅支持固定数量的颜色,可以是256种,128种,64种2种…所以它是严重的颜色失真,根本表示不全自然界的颜色。
支持动画。
尺寸比较小,如果不动,尺寸更小,为什么不用gif?因为严重失真。
gif支持透明。
gif图片在IE6没有任何兼容问题,都是支持透明不支持半透明。
所以说工作中需要做一个透明的元素,使用gif不使用png,因为IE6不支持png的透明。
bmp
是Windows画图保存的图片格式,不压缩,不失真。
require.js加载兼容
<script src="js/require.js" defer async="true" ></script>
async属性表明这个文件需要异步加载,避免网页失去响应。IE不支持这个属性,只支持defer,所以把defer也写上。
- ie兼容性问题
- IE兼容性问题
- IE兼容性问题
- IE兼容性问题
- IE兼容性问题
- IE 兼容性问题
- IE兼容性问题
- IE兼容性问题
- IE兼容性问题
- ff/IE 兼容性问题
- IE和FF兼容性问题
- event ie firefox 兼容性问题
- IE兼容性问题探讨总结
- ie 的兼容性问题
- firex与ie兼容性问题
- IE 火狐兼容性问题
- Cognos 8.3 IE 兼容性问题
- IE浏览器的兼容性问题
- MyBatis代码生成工具mybatis-generator在Myeclipse10中的使用
- 数据库读写分离及问题
- 行人属性“Attribute Recognition by Joint Recurrent Learning of Context and Correlation”
- ASP.NET WebApi 路由配置
- Android自定义控件1----基本思路
- IE 兼容性问题
- scrapy中设置log
- Python-UiAutomator使用介绍
- IOC的深入理解
- POJ_Dynamic Median 数据流的中位数
- 单点登录原理与简单实现
- Android 虚拟机 — .dex 文件格式
- 构造函数/析构函数—C++
- (javax/servlet/ServletContext&SpringServletContainerInitializer->javax.servlet.ServletContainerIniti