浏览:507 2008-05-26 02:52 来自 【组长】raozou      :
在浏览器厂商市场切割及版本多化的今天,单单是给CSS做HACK,己不能满足页面制作的要求,完美的页面结构,可以省去很多的HACK,但因版本间不同的盒子模型来说,与其去写HACK,还不能更省时间地去为每个不同解释定义的版本写一套CSS (说是写一套,事实上也是在原有的修改一下数值),无论在制作时间上还是....,这都是一个可以考虑的解决方案....
这就用到CSS的条件注释(Conditional Comments),声明,这不是一个新东东,我也不想忽悠大家.
这是一种只在Windows下的IE上被识别的注释,从IE5开始支持。这就是说,被定义于其中的东西只在IE下被识别,这就 成为了一个很好的跨浏览器样式一致解决方案。下面是其详细的语法:
    <!--[if IE]>
    在IE下显示
    <![endif]-->
    <!--[if IE 5]>
    在IE 5下显示
    <![endif]-->
    <!--[if IE 5.0]>
    在IE 5.0下显示
    <![endif]-->
    <!--[if IE 5.5]>
    在IE 5.5下显示
    <![endif]-->
    <!--[if IE 6]>
    在IE 6下显示
    <![endif]-->
    <!--[if IE 7]>
    在IE 7下显示
    <![endif]-->
    <!--[if gte IE 5]>
    在IE 5及更高版本下显示
    <![endif]--->
    <!--[if lt IE 6]>
    在IE 6一下版本中显示
    <![endif]-->
    <!--[if lte IE 5.5]>
    在IE 5.5及一下版本显示
    <![endif]-->
    <!--[if gt IE 6]>
    在IE 6以上显示
    <![endif]-->
此外,还提供了另外一种方法——注释标签(Comment Tag)。即在Windows和Mac的IE中支持一种非标准的标签:,包含于这个标签内的内容在IE下将被解释为注释从而无效,而在非IE浏览器中会将comment标签忽略从而使里面的内容有效。
它不但可以技巧式的去判断不同版本间解读的CSS,同样也可以解读页面的结构,举一反三....
收藏 楼主
  4个月前  我是才子      :
1楼 回到顶楼 
  4个月前  艾面条      :
ie 6以下的都淘汰了。ie 8的呢?
2楼 回到顶楼 
  4个月前  JackLee      :
3楼 回到顶楼 
  4个月前  Baldwin      :
楼主没有写清楚,这些Hack只能在html或aspx这些页面使用,不能在css样式文件中添加,害我弄了半天都没有看到效果!最后还是指点一下
--------------------------
效果呈现:http://www.dnnsun.com/BaldwinsBlog/tabid/67/Default.aspx
4楼 回到顶楼 
  2个月前  nebel      :
ie的条件注释是微软所推荐的解决ie下hack的方法,
但我查看了 淘宝,及几个门户网站
他们都没有采用这种方式,这是我疑惑的地方。
为什么有好处,却没有采用呢
5楼 回到顶楼 
  2个月前  Shpix      :
引用《CSS Mestery》:IE有條件注釋是一種專有的(因此是非標準的)、對常規(X)HTML注釋的Microsoft擴展。
。。。。。。
這種技術及其有效,而且非常容易記住。主要缺點是這些注釋需要放在HTML中,而不能放在CSS中。如果在某一階段你希望停止支持某種瀏覽器,就需要從每個頁面中刪除注釋。
6楼 回到顶楼 
  2个月前 【组长】 棕熊      :
@nebel
没有被那些网站使用,并不代表它没用
而且,要抽样调查的话,样本要足够大,仅仅看几个网站来判断一个东东是否被广泛应用,结果自然会不正确
另外,很多大型门户都会用一些所谓的css framework,本来就喜欢纯粹在css内部解决问题,自然就不会想到要用html条件注释了
7楼 回到顶楼 

注册用户登录后才能回复,登录注册
> 返回“web标准设计”


其他话题

相关内容

相关链接

1 30308