中华网通行证
用户名 密码

针对浏览器隐藏CSS之九大技巧
中华网科技 http://tech.china.com 2006-01-23 14:36:14
进入BBS】【进入聊天室】【 推荐给朋友 】【浏览字号: 】【关闭窗口

  我们都知道浏览器之间是有差异的,很多人在使用XHTML+CSS方式制作网页的时候都曾为此无比头痛。要在这些差异的影响下工作需要很多的技巧,“隐藏CSS”就是其中很重要的一种技巧(甚至是最重要的)。这种技巧的主要思想是,用某些方式对某些浏览器隐藏某些重载的CSS规则。
  
  这篇文章并不是想教你如何使用这种技巧,它面向的是有一定CSS基础的设计开发者,我假定你曾经使用过某种隐藏CSS规则的方法。这里是想把可用的方法与被隐藏规则的浏览器都列出来,方便大家在平时工作时随时查阅。
  
  在这张大表里列出了九种方法,我就称其为“独孤九剑”,希望能帮上你的忙:-D
  
  注:此表格原载 w3development.de。
  Browser@import url("...")@import url(...)@import "..."media=""@mediacommentattributechildTantek
  Amaya 5.1 Winx xxx
  IE 3 Winxxx xxxx
  IE 4 Winxxx xxxxx
  IE 5 Win xxxx
  IE 5.5 Win xxx
  IE 6 Win xx
  IE 4.01 Macx xxxxx
  IE 4.5 Macx xx x
  IE 5 Mac xxx
  Konqueror 2.1.1 x
  Mozilla 1.0
  Netscape 4.xxxxxx xxx
  Netscape 6.01
  Netscape 6.1
  Netscape 6.2
  Opera 3.60 Win x
  Opera 4.02 Win
  Opera 5.02 Win
  Opera 5.12 Win
  Opera Tech Preview 3 Mac
  
  看完这张表之后我的第一反应是:Mozilla和Opera真乃神人也。只有一条规则会对Opera最老的一个版本起作用,所以后面我们在讲到隐藏规则的时候基本上就不考虑Mozilla和Opera了。下面列出这九种“剑法”的招数,同时在旁边也注上了我个人推荐的使用场合。注意,我推荐的不一定与你的需求相符,使用前请对照上面的表格。
  @import url("")
  @import url("global.css")
  对老版本(版号小于5)的浏览器隐藏规则。
  @import url()
  @import url(global.css)
  对Windows平台的老版本(版号小于5)浏览器隐藏规则。
  @import ""
  @import "global.css"
  对Windows平台的老版本(版号小于5)浏览器隐藏规则。
  media=""
  <link href="global.css" type="text/css" rel="stylesheet" media="all"/>
  对Netscape 4.x隐藏规则。
  @media
  @media all {
  ... /* 需要隐藏的规则 */
  }
  如果只考虑NN和IE的话就是只对4.x版本隐藏规则。
  comment
  #anySelector/* */ { color:#f00; }
  这可是精确制导导弹。只对IE5及以下版本隐藏规则。所以如果要把IE5和IE5.5分开定义规则,那就靠它了。
  attribute
  p[id] { color: #0f0; }
  又一个精确制导导弹。如果不关心老版本浏览器,那就是只对IE隐藏规则。关于属性选择器的更多信息请看W3C的文档。
  child
  p>span { color: #00f; }
  基本同上,只是Mac平台部分版本的IE支持这个规则。
  Tantek
  p#tantek {
  voice-family: ""}""; /* 某些浏览器有解析bug */
  voice-family: inherit; /* 在这以下的规则都会被忽略 */
  color: #f00;
  }
  著名的隐藏CSS技巧,对所有“非现代”浏览器隐藏规则。

 

50款最具性价比数码相机/MP3推荐!
作者:中国站长站 来源: 

发表言论:
笔  名:
查看评论
﹣相关报道

﹣精彩回顾
·揭秘越南姑娘的“性契约”(组图)
·中国研制成功银河麒麟操作系统
·近处偷拍野狮性爱 野草丛中见柔情(图)
·难得一见“水下分娩”全程跟拍(组图)
·古代性器具及性惩罚工具(组图)
·揭密中外历史上乱伦的名人们(组图)
·探秘世界各地诡异的干尸新娘(组图)
·隋唐两个王朝的九大著名"绿帽子"(组图)
·另类的惨烈:螳螂血战壁虎谁更凶猛(图)
·一分钟平静死去 注射死刑全过程(图)

进入BBS】【进入聊天室】【 推荐给朋友 】【浏览字号: 】【关闭窗口


潮流·时尚
·市场上的天价手机全搜罗
·一周降幅最大手机导购
·FM调频收音功能手机选购
·索尼爱立信三新机曝光
·诺基亚N73音乐版精品赏
·热门便携笔记本搜索导购
·近期最新上市机型大盘点
·矩阵Matrix鼠标垫细评测
·19寸20寸22寸液晶该买谁
·近期几款热卖MP3大推荐
·四大即将退市经典MP3选购
·06年最火七大DC缺点曝光
·六百万像素超值机型推荐
·诺基亚推出随身小音箱
·LG直板巧克力KG99评测
·MOTO新机即将国内上市
·超低价蓝牙手机导购
·130万像素一样拍出好照片
·诺基亚两款蓝牙耳机新品
·索爱纯美折叠机Z558评测

软件下载
·豪杰大眼睛 V2.5
·Foxmail V6.5
·天网防火墙Athena
·极品五笔 V6.8
·PPS网络电视
·超级兔子魔法设置
中华网搜索
站内搜索
全网搜索




热门搜索
耳机 印刷 手机 拖鞋
减速机 钟表 成人用品
减肥 枸杞 T恤 升降机
心理 健康 彩票 招聘
礼品 旅游 猎头 培训

产品服务
·机会!机会不容错过
·中华商机,搜索创新
·准确快捷,搜你所搜
·¥来¥往,尽在中华邮
·中华搜索,贴心搜索




科技频道主编信箱