CSS的十八般技巧
发布时间:2006-02-10 12:23:24 来源:www.456bereastreet.com 网友评论 0 条 十五.导入(Import)和隐藏CSS
因为老版本浏览器不支持CSS,一个通常的做法是使用@import技巧来把CSS隐藏起来。例如:
@import url("main.css");
然而,这个方法对IE4不起作用,这让我很是头疼了一阵子。后来我用这样的写法:
@import "main.css";
这样就可以在IE4中也隐藏CSS了,呵呵,还节省了5个字节呢。想了解@import语法的详细说明,可以看这里《centricle’s css filter chart》
十六.针对IE的优化
有些时候,你需要对IE浏览器的bug定义一些特别的规则,这里有太多的CSS技巧(hacks),我只使用其中的两种方法,不管微软在即将发布的IE7 beta版里是否更好的支持CSS,这两种方法都是最安全的。
1.注释的方法
(a)在IE中隐藏一个CSS定义,你可以使用子选择器(child selector):
html>body p {
/* 定义内容 */
}
(b)下面这个写法只有IE浏览器可以理解(对其他浏览器都隐藏)
* html p {
/* declarations */
}
(c)还有些时候,你希望IE/Win有效而IE/Mac隐藏,你可以使用"反斜线"技巧:
/* /*/
* html p {
declarations
}
/* */
2.条件注释(conditional comments)的方法
另外一种方法,我认为比CSS Hacks更加经得起考验就是采用微软的私有属性条件注释(conditional comments)。用这个方法你可以给IE单独定义一些样式,而不影响主样式表的定义。就象这样:
<!--[if IE]>
<link rel="stylesheet" type="text/css" href="ie.css" />
<![endif]-->
<link rel="stylesheet" type="text/css" href="ie.css" />
<![endif]-->
相关文章
上一篇文章:CSS布局自适应高度解决方法
下一篇文章:CSS hack浏览器兼容一览表
- 推荐阅讯
- 用CSS制作照片走廊
- fieldset实现表中表效果
- 提高网页的用户体验:字体大小的设计
- 网页设计应用:使用CSS截字
- 网页常见可用性错误——表单组件错误
- 技巧; 制作网页时谨慎使用mailto标签
- 仅用css编写无限分级弹出菜单
- “画中画”效果——谈Iframe标记的使用
- 样式表概述:CSS实用代码介绍
- CSS属性中Display与Visibility的不同
