1、使用声明
你必须经常在html网页头部放置一个声明,推荐使用严格的标准。例如
<!DOCTYPEHTMLPUBLIC“-//W3C//DTDHTML4.01//EN” "http://www.w3.org/TR/html4/strict.dtd”> or,forXHTML: <!DOCTYPEhtmlPUBLIC“-//W3C//DTDXHTML1.0Strict//EN” "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>
最后你需要是IE6进入兼容模式,这已经足够兼容了。
2、使用position:relative
IE6兼容性问题解决方案二:使用position:relative。设置一个标签position:relative可以解决很多问题,特别是曾经有过看不见的经历或者奇怪布局的框架。明显的,你需要小心,绝对位置放置的子元素是否都参照找到新位置。
3、为浮动元素使用display:inline
浮动元素会有一个著名的IE6双边距marginbug。假如你设置了左边距5px但实际上得到了10px左边距。display:inline可以解决这个问题,尽管它不是必需的,但是css仍然有效。
4、设置元素启动hasLayout
大部分IE6(IE7)的渲染问题都可以通过起来元素的hasLayout属性来兼容。这是IE内置的设定,确定一个内容块相对其它内容块是有界限和位置的。当你需要设置一个行内元素例如一个连接变成块状元素或者是透明效果,设置hasLayout也是必须的。
5、修复重复字符的bug
复杂的布局会触发一个bug:浮动对象的最后字符会出现在已经清除浮动的元素后面。这里有几种解决的办法,部分是理想的,并且一些测试和出错是必须的。
a、确保浮动元素都使用:display:inline;
b、最后一个浮动元素使用margin-right:-3px;
c、在浮动对象最后一个元素后使用一个条件注释。例如<!—>这里输入注释…<![endif]
d、在容器内的最后使用一个div空标签(它也必须设置90%宽度甚至更小)
6、使用a标签完成可点击和hover原理
IE6只支持a标签的css定义hover效果
你可以使用它去控制javascript启动的widgets,使得他们仍然保持键盘操作。这里有个二择一的问题,但是a标签是所有解决方案中最可靠的。
7、使用!important,或是高级选择符替代IE特定代码
IE6兼容性问题解决方案七;:使用!important。在外置的css文件里,放弃凭借传统的hacks和条件判断,使用有效的css代码去针对IE6仍然是有可能的。例如:最小高度可以使用一下定义。(在IE6中无法识别!important优先级别标签,所以一般用法为:{margin-top:20px !important; margin-top:0px;})
#element{ min-height:20em; height:auto!important; height:20em; }
9、早点和经常测试
在你的网站和应用程序完成之前,不要放弃IE6的测试。问题将会更加严重并且需要很长时间去修复。如果你的网站可以运行于firefox和IE6,它将差不多肯定可以在其它浏览器下运行。
10、重构你的代码
IE6兼容性问题解决方案十:重构代码。经常的,修复会比重新考虑布局问题更加花费时间。Html细微的修改和更加简单的css经常是最有效的。这意味着你要放弃完美的合法的代码,但是将会更少的问题出现,并且你知道怎样处理将要出现的情况。
#element[id]{ height:auto; }
注意事项
*margin-top:10px; 属性前加“*”,这个只有IE6/IE7才能识别。
例如:
div{ margin-top:10px; *margin-top:0px;}
“*”或“+”或“_” + 属性,这个只有IE6和IE7才支持此种标签。
*margin-top:10px \9; 属性值的后面加“\9”,这个只有IE才能识别。以上两种方法结合起来可以区分IE6、IE7、IE8+、非IE内核浏览器。
分享到:
相关推荐
CSS在firefox和ie下的兼容性问题,是最让网页设计师头痛的事。在IE下测试明明是正常的,到了火狐下就变样了。这样一来还得重新修改,最怕改好后在IE下又不兼容了。这里介绍一下css在火狐和ie下的兼容要点。
Javascript 多浏览器兼容性问题及解决方案 兼容性处理要点 1、DOCTYPE 影响 CSS 处理 2、FF: 设置 padding 后, div 会增加 height 和 width, 但 IE 不会, 故需要用 !important 多设一个 height 和 width 3、FF:...
本文向大家简单描述一下DIV+CSS相对IE6 IE7和IE8兼容问题整理,重点介绍一下IE6 IE7和IE8等浏览器的区别和联系,相信本文介绍一定会让你有所收获。 DIV+CSS相对IE6 IE7和IE8兼容问题整理 1.区别IE和非IE浏览器 ...
CSS对浏览器器的兼容性具有很高的价值,通常情况下IE和Firefox存在很大的解析差异,这里介绍一下兼容要点。 常见兼容问题: 1.DOCTYPE 影响 CSS 处理 2.FF: div 设置 margin-left, margin-right 为 auto 时已经居中,...
关于div+css兼容IE和firefox的问题 好不容易建立的div+css网页完全符合W3C标准。在ie7下显示非常完美,用...div+css兼容性问题 CSS 兼容要点:DOCTYPE 影响 CSS 处理 FF: div 设置 margin-left, margin-right 为 a
《CSS 设计彻底研究》 源代码 关于盒子模型、标准流、浮动、定位的实例。 还有关于导航、菜单、圆角的经典实例。在这些实例中,重点讲了IE 6/UE 7/ Firefox的兼容性问题,以及出现兼容的原因。
通过Beta 1,我们已经了解到IE 8除了在国际标准兼容性上得到巨大提高以外,还提供了两个新功能,即WebSlice(中文译为“源剪辑”)以及Activity(中文译为“活动”,在正式版当,其英文改为“Accelerator”)。...
在设计网站时,首先应该考虑客户端浏览网站所使用的浏览器的兼容性的问题。现在,最常用的是IE和NETSCAPE,由于IE对ASP、ActiveX、DHTML等的良好支持,拥有广泛的使用者,具备良好的兼容性。因此可以选用IE作为兼容...
9.[改变]后台兼容模式提升到IE8模式 10.修复其他诸多小细节 2013年07月19日 V2.74更新包 1.[新增]后台引导页加入非IE浏览器提示,后台部分功能在非IE浏览器下可能没法使用 2.[修复]【紧急】纠正后台设皮肤目录存在...
好了,通过第三章的学习,我们已经了解了一些XML和DTD的基本术语,但是我们还不知道怎样来写这些文件,需要遵循什么样的语法,在下一章,将重点介绍有关撰写XML和DTD文档的语法。 第四章 XML语法 七.DTD的语法...
很多网友抱怨本系统的前台模版在最新的浏览器中出现布局脱节问题,js兼容性也不强。所以这次升级也把前台模版作为一个重点项目。 3、后才js重写。之前后台差不多支持IE浏览器,所以进入后台后系统将自动提示...
10、操作系统全兼容 教师无需安装客户端,无论Windows、MAC操系统,打开网页即可使用,IE、Safari、Chrome主流浏览器全兼容。 11、手机移动终端支持 支持电脑、iPad、手机课堂的使用,实现碎片化学习和碎片化管理。
要不都基于FLASH的,基于FLASH的截图很不好,扩展性非常差,不方便二次开发这是一个重点问题。 还有些截图插件是收费200块去版权,本来就不怎么让人满意,还收费呢!我就不点名是哪个截图插件了。 于是就想到自己...
要不都基于FLASH的,基于FLASH的截图很不好,扩展性非常差,不方便二次开发这是一个重点问题。 还有些截图插件是收费200块去版权,本来就不怎么让人满意,还收费呢!我就不点名是哪个截图插件了。 于是就想到自己...
要不都基于FLASH的,基于FLASH的截图很不好,扩展性非常差,不方便二次开发这是一个重点问题。 还有些截图插件是收费200块去版权,本来就不怎么让人满意,还收费呢!我就不点名是哪个截图插件了。 于是就想到自己...
a.WEB兼容.(ie8+,google,firefox…) b.手机兼容(苹果,安卓) c.app兼容 简介: 本套软件适合于学校、企业的网上报修系统。没有复杂的操作,普通人员都很容易上手实践。并且在软件上不需要投入很多的人力培训进行...
14.1 浏览器兼容性、渐进增强和polyfill 278 14.2 理解厂商前缀 280 14.3 为元素创建圆角 281 14.4 为文本添加阴影 284 14.5 为其他元素添加阴影 285 14.6 应用多重背景 288 14.7 使用渐变背景 ...
Inter及其兼容计算机,Pentium 166Mz或者更高处理器或DEC Alpha和其兼容系统。 (2)内存(RAM) 企业版最少64MB内存,其他版本最少需要32MB内存,建议使用更多的内存。 (3)硬盘空间 完全安装(Full)...
细心的人会发现,我们在浏览器兼容方面所做的努力,社区99%以上的页面是完全兼容IE、friefox、oprea等主流浏览器的! 论坛设置了些好玩的快捷键比如alt+enter发帖、alt+i进入个人信息页、alt+m提取短消息等等... ...
同时又克服了其他同类软件版教学网广播效率低、语音延迟大、操作复杂、稳定性兼容性差等方面的不足。 多媒体网络教室经过严格的软、硬件测试过程,全面支持 Windows 系列操作系统,包括 Windows 9X、Windows Me、...