腾讯云服务器安全可靠高性能,多种配置供您选择
免费注册 | 会员中心
您当前位置:模板超市 > 建站教程 > 模板使用教程 >

常见CMS建站中的IE浏览器兼容HACK小技巧

时间:2014-05-29 18:49 来源:模板超市 点击:

我们在用使用常见的cms(phpcms,dedecms等)建站的过程中,总会遇到不兼容所有浏览器的问题,给客户体验造成很大影响,其中特别是ie浏览器,自成体系,解析与其他浏览器内核有很大不同,为了兼容ie难免下一番功夫,模板超市特地在这里总结了一些常见的ie浏览器兼容hack小技巧,希望对你有所帮助。

  IE各版本hack汇总1.‘\9’:

  eg:.test { color/*\**/: blue\9 }

  .header {width:300px;} /* 所有浏览器*/

  .header {width/*\**/:330px\9;} /* 所有浏览器IE浏览器 */

  .header {*width:310px;} /* IE7和IE6能识别,IE8和FF不能识别*/

  .header {_width:290px;} /* IE6能识别,IE7、IE8和FF不能识别*/

  2.利用条件注释语句:此内容只有IE可见

  lt 表示less than 当前条件版本以下的版本,不包含当前版本。

  gte 表示greeter than or equal 当前版本以上版本,并包含当前版本。

  lte 表示less than or equal 当前版本以下版本,并包含当前版本。

  3.其它hack 技术:

  .color1{ color:#F00; color/*\**/:#00F /*\**/}/*IE6,IE7,IE8,FF,OP,SA识别*/

  .color2{ color:#F00; color /*\**/:#00F /*\9**/}/*IE7,IE8,FF,OP,SA识别*/

  .color3{ color:#F00; color/*\**/:#00F \9}/*IE6,IE7,IE8识别*/

  .color4{ color:#F00; color /*\**/:#00F\9}/*IE7,IE8识别*//*“color”和“/*\**/”之间有个空格*/

  4.

  汇总下IE各版本的css hack。

  hack 示例 IE6(S) IE6(Q) IE7(S) IE7(Q) IE8(S) IE8(Q)

  * *color Yes Yes Yes Yes No Yes

  + +color Yes Yes Yes Yes No Yes

  - -color Yes Yes No No No No

  _ _color Yes Yes No Yes No Yes

  # #color Yes Yes Yes Yes No Yes

  \0 color\0 No No No No Yes No

  \9 color\9 Yes Yes Yes Yes Yes Yes

  !important color:blue !important;

  color:green; No No Yes No Yes No

  标准模式中:

  1,下划线(_)是IE6专有hack

  2,反斜杠零(\0)是IE8专有hack



友荐云推荐

赞助商链接


模板超市提供PHPCMS模板织梦模板网店模板论坛模板博客模板模板定制服务。 SITEMAP 若侵犯了您的版权请联系客服。