网站导航网学 原创论文 原创专题 网站设计 最新系统 原创论文 论文降重 发表论文 论文发表 UI设计定制 论文答辩PPT格式排版 期刊发表 论文专题
返回网学首页
网学原创论文
最新论文 推荐专题 热门论文 论文专题
当前位置: 网学 > 设计资源 > DIVCSS技术 > 正文

IE的if条件csshack

论文降重修改服务、格式排版等 获取论文 论文降重及排版 论文发表 相关服务

  针对不同的IE浏览器版本,使用if条件来设置对应css样式,从而解决css hack

  <!--[if IE]> Only IE <![endif]-->

  所有的IE可识别

  <!--[if IE 5.0]> Only IE 5.0 <![endif]-->

  只有IE5.0可以识别

  <!--[if gt IE 5.0]> Only IE 5.0+ <![endif]-->

  IE5.0包换IE5.5都可以识别

  <!--[if lt IE 6]> Only IE 6- <![endif]-->

  仅IE6可识别以内的css样式

  <!--[if gte IE 6]> Only IE 6/+ <![endif]-->

  IE6以及IE6以下的IE5.x都可识别

  <!--[if lte IE 7]> Only IE 7/- <![endif]-->

  仅IE7可识别以内的css样式

  特别说明ie8不能使用if条件来设置div css样式,这里的“<!-”是css注解、css注释、css解释中用到相同,可以进入了解css 注释。这里使用css注释方式来解决if条件隐藏条件,从而在其它不符合if条件浏览器下不显示条件及解释if条件里样式,你可以了解下css隐藏其它方法。

  通过以上的if条件来对不同版本浏览器调用不同css样式来解决css hack方法。

  实例如下:

  接下来我们只实验一个只有微软IE可识别,火狐不识别例子代码如下

  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

  <html xmlns="http://www.w3.org/1999/xhtml">

  <head>

  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

  <title>IE的if条件css hack实例</title>

  <style type="text/css">

  <!--[if IE]>

  <!--

  .ys1 {color: #FF0000}

  -->

  <![endif]-->

  </style>

  </head>

  <body>

  <p>&lt;!--[if&nbsp;IE]&gt;&nbsp;Only&nbsp;IE&nbsp;&lt;![endif]--&gt;</p>

  <p>我是<span class="ys1">www.divcss5.com</span>测试样式

  </p>

  </body>

  </html>

设为首页 | 加入收藏 | 网学首页 | 原创论文 | 计算机原创
版权所有 网学网 [Myeducs.cn] 您电脑的分辨率是 像素
Copyright 2008-2020 myeducs.Cn www.myeducs.Cn All Rights Reserved 湘ICP备09003080号 常年法律顾问:王律师