返回顶部

收藏

通过HTML注释实现方便的css hack

更多
<!DOCTYPE html>
<!--[if IE]>
    <![if IE 5]>
        <html class="ie ie5">
    <![endif]>
    <![if IE 6]>
        <html class="ie ie6">
    <![endif]>
    <![if IE 7]>
        <html class="ie ie7">
    <![endif]>
    <![if IE 8]>
        <html class="ie ie8">
    <![endif]>
    <![if IE 9]>
        <html class="ie ie9">
    <![endif]>
    <![if !((IE 6)|(IE 7)|(IE 8)|(IE 9))]>
        <html class="ie">
    <![endif]>
<![endif]-->
<!--[if !IE]><!-->
    <html lang="zh-CN" class="notie">
<!--<![endif]-->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta charset="utf-8">
<title>测试</title>
<meta name="keywords" content="">
<meta name="description" content="">
    <style>
        html{background:#fff;}
        html.ie{background:#000;}
        html.ie5{background:#f00;}
        html.ie6{background:#0f0;}
        html.ie7{background:#00f;}
        html.ie8{background:#ff0;}
        html.ie9{background:#f0f;}
        html.notie{background:#0ff;}
    </style>
</head>
<body>
    通过注释为不同的ie添加class
    <br/>
    方便针对ie浏览器进行兼容处理
    <br/>
    请使用不同IE打开将显示不同的背景色
    <br/>
    >=IE10 将被判断为不是ie
</body>
</html>
//该片段来自于http://outofmemory.cn

标签:html,基础

收藏

0人收藏

支持

0

反对

0

相关聚客文章
  1. 博主 发表 2016-02-28 02:40:36 用Webpack构建和打包模块(JS,SCSS,HTML等)基础(译)
  2. 博主 发表 2012-10-05 00:00:00 【分享】基础html讲解
  3. 青鱼 发表 2015-02-03 01:50:16 学习Web基础(HTML/CSS/JS) + 服务器端技术 (LAMP)
  4. 汪逸飞 发表 2012-04-27 01:44:23 别担心,我们还有HTML5和CSS3
  5. 堂主 发表 2011-04-19 12:10:14 优美的HTML看起来应该什么样?
  6. snowe 发表 2012-12-26 16:10:45 css教程css3加载动画教程
  7. 吴昊 发表 2012-02-07 03:11:43 各种方法讲解网页跳转
  8. 丸子 发表 2011-12-06 14:25:45 Chrome扩展:Run Selected HTML
  9. sofish 发表 2013-04-17 01:47:46 给一个表单做前端验证
  10. C7210 发表 2013-05-18 09:14:48 UX基础 - OmniGraffle新手指南
  11. felixding 发表 2013-06-07 06:48:55 如何让邮件的内容为动态生成且是HTML格式?
  12. 博主 发表 2013-06-19 13:21:46 原生应用 vs HTML 5

发表评论