qhnw.net
当前位置:首页 >> CSS完美兼容IE6/IE7/FF的通用方法 >>

CSS完美兼容IE6/IE7/FF的通用方法

关于CSS对各个浏览器兼容已经是老生常谈的问题了, 网络上的教程遍地都是.以下内容没有太多新颖, 纯属个人总结, 希望能对初学者有一定的帮助.一、CSS HACK 以下两种方法几乎能解决现今所有HACK.1, !important 随着IE7对!important

LZ可能要实现的效果的正确写法{display:inline-block;*display:inline;*zoom:1;}display:inline-block ff2 IE6 IE7都不支持.*+html 仅IE7支持.*html IE6 IE7都支持!important 这个IE6不认识.另外,LZ没弄明白display:inline-block的意思;display:inline-block//将对象呈递为内联对象,但是对象的内容作为块对象呈递float表示浮动,这是两个概念

CSS对浏览器的兼容性有时让人很头疼,或许当你了解当中的技巧跟原理,就会觉得也不是难事,从网上收集了IE7,6与Fireofx的兼容性处理 技巧并整理了一下.对于web2.0的过度,请尽量用xhtml格式写代码,而且DOCTYPE 影响 CSS 处理,

div+css不兼容的问题,我也很头疼.我自己电脑上安装了8中浏览器,每次做的作品都在各浏览器中测试,都会出点问题,一般我的解决方法是,在必要的时候使用div+css+table+js,配合使用.没办法,兼容所有浏览器,有点难,你可以用主流的浏览器测试,有些浏览器用的人不多,你也不用太纠结非让这些不怎么用的浏览器兼容你的东西.所以,你不要太纠结一些问题.

兼容IE6.0、IE7.0 与FireFox 的css解决方案、技巧1.DOCTYPE 影响 CSS 处理 2.FF: div 设置 margin-left, margin-right 为 auto 时已经居中, IE 不行 3.FF: body 设置 text-align 时, div 需要设置 margin: auto(主要是 margin-left,margin-right) 方可

1.DOCTYPE 影响 CSS 处理2.FF: div 设置 margin-left, margin-right 为 auto 时已经居中, IE 不行3.FF: body 设置 text-align 时, div 需要设置 margin: auto(主要是 margin-left,margin-right) 方可居中4.FF: 设置 padding 后, div 会增加 height 和

设置CSS属性 overflow 为 hidden 然后再设置div高度这样就全部兼容了,一般最小高度为18

padding-top:613px; /*ff*/+margin-top:-10px;/*ie7*/_margin-top:-62px;/*ie6*/

我虽然不是什么高手,也没什么经验,但是目前来看 主要是margin,padding,这些有不同IE6里有些FORM或者 BODY ,等自带着MARGIN 或者PADDING ,但是 EI7 和 8 好象没给这些属性的话 就是默认是0 所以如果你要不想给 MARGIN和PADDING的话 ,最好加一个MARGIN:0;PADDING:0; 这些属性,否则会出现 在 IE8里 正常显示,在IE6里却因为有默认的MARGIN 值导致显示不正常

CSS常用HACK示例:div {width:200px; /* IE与FF都可识别 */*width:200px; /* IE可识别,FF不识别 */_width:200px; /* IE6可识别,IE7、FF不识别 */}

相关文档
sytn.net | artgba.com | tongrenche.com | lyxs.net | ddgw.net | 网站首页 | 网站地图
All rights reserved Powered by www.qhnw.net
copyright ©right 2010-2021。
内容来自网络,如有侵犯请联系客服。zhit325@qq.com