栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > Web开发 > Html/CSS > CSS教程

CSS代码在不同浏览器兼容问题

CSS教程 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

CSS代码在不同浏览器兼容问题

CSS hack方式一:条件注释法

只在IE6下生效


只在IE6以上版本生效


只在IE8上不生效


非IE浏览器生效

CSS hack方式二:类内属性前缀法
属性前缀法是在CSS样式属性名前加上一些只有特定浏览器才能识别的hack前缀,以达到预期的页面展现效果。
IE浏览器各版本 CSS hack 对照表
hack 写法 实例 IE6(S) IE6(Q) IE7(S) IE7(Q) IE8(S) IE8(Q) IE9(S) IE9(Q) IE10(S) IE10(Q)

  • *color 青色 Y Y Y Y N Y N Y N Y
  • +color 绿色 Y Y Y Y N Y N Y N Y
  • -color 黄色 Y Y N N N N N N N N
    _ _color 蓝色 Y Y N Y N Y N Y N N color 紫色 Y Y Y Y N Y N Y N Y

    color:red 红色 N N N N Y N Y N Y N
    9 color:red9 粉色 N N N N N N Y N Y N
    !important color:blue !important;color:green; 棕色 N N Y N Y N Y N Y Y
    说明:在标准模式中
    “-″减号是IE6专有的hack
    “9″ IE6/IE7/IE8/IE9/IE10都生效
    “″ IE8/IE9/IE10都生效,是IE8/9/10的hack
    “9″ 只对IE9/IE10生效,是IE9/10的hack
    body:nth-of-type(1) .iehack{
    color: #F00;/ 对Windows IE9/Firefox 7+/Opera 10+/所有Chrome/Safari的CSS hack ,选择器也适用几乎全部Mobile/Linux/Mac browser/
    }
    .demo1,.demo2,.demo3,.demo4{
    width:100px;
    height:100px;
    }

转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/243124.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号