css hack书写规范
IE6、IE7、Firefox之间的兼容写法:
写法一:
IE都能识别*;标准浏览器(如FF)不能识别*;
IE6能识别*,但不能识别 !important,
IE7能识别*,也能识别!important;
FF不能识别*,但能识别!important;
根据上述表达,同一类/ID下的CSS hack可写为:
.searchInput {
background-color:#333;/*三者皆可*/
*background-color:#666 !important; /*仅IE7*/
*background-color:#999; /*仅IE6及IE6以下*/
}
一般三者的书写顺序为:FF、IE7、IE6.
写法二:
IE6可识别“_”,而IE7及FF皆不能识别,所以当只针对IE6与IE7及FF之间的区别时,可这样书写:
.searchInput {
background-color:#333;/*通用*/
_background-color:#666;/*仅IE6可识别*/
}
写法三:
*+html 与 *html 是IE特有的标签, Firefox 暂不支持。
.searchInput {background-color:#333;}
*html .searchInput {background-color:#666;}/*仅IE6*/
*+html .searchInput {background-color:#555;}/*仅IE7*/
屏蔽IE浏览器:
select是选择符,根据情况更换。第二句是MAC上safari浏览器独有的。
*:lang(zh) select {font:12px !important;} /*FF的专用*/
select:empty {font:12px !important;} /*safari可见*/
IE6可识别:
这里主要是通过CSS注释分开一个属性与值,注释在冒号前。
select { display /*IE6不识别*/:none;}
IE的if条件hack写法:
所有的IE可识别:
<!–[if IE]> Only IE <![end if]–>
只有IE5.0可以识别:
<!–[if IE 5.0]> Only IE 5.0 <![end if]–>
IE5.0包换IE5.5都可以识别:
<!–[if gt IE 5.0]> Only IE 5.0+ <![end if]–>
仅IE6可识别:
<!–[if lt IE 6]> Only IE 6- <![end if]–>
IE6以及IE6以下的IE5.x都可识别:
<!–[if gte IE 6]> Only IE 6/+ <![end if]–>
仅IE7可识别:
<!–[if lte IE 7]> Only IE 7/- <![end if]–>
想说两句:)
相关信息
- 什么是网站重构 15-October-2009
- 网站加速方法 18-September-2009
- 15招快速减少页面载入时间 18-September-2009
- IE8 Beta1、IE7、IE6、Firefox2.0.0.12的一些CSS HACK测试 3-July-2009
- 31款站长优化工具 3-July-2009
- SEO 中B标签与Strong标签的区别 15-June-2009
- SEO优化 H1,H2,H3标签和strong 15-June-2009
- 搜索引擎优化技巧,seo技巧 15-June-2009
- DIV+CSS网站优化(seo) 16-May-2009
- css hack书写规范 14-May-2009
- 常用js框架,js库 4-May-2009
- CSS命名规范 23-April-2009
- 前端开发工具集锦 22-April-2009
- IE5、IE6、IE7、IE8 的CSS HACK兼容列表 30-March-2009
- css自动换行word-break:break-all和word-wrap:break-word 27-February-2009
- 2009年海外Web设计风潮 13-February-2009
- css网页设计技巧集 27-November-2008
- 百度与谷歌的收录规则 12-November-2008
- 简洁网页设计 提高网络销量 12-November-2008
- 网页设计的十要十不要 12-November-2008
- CSS禅意花园让我们热爱设计热衷于思考 24-October-2008
- Div+CSS网页布局对SEO的影响 21-October-2008
- WEB标准中细线表格的实现方法 21-October-2008
- 常用DIV+CSS网页制作布局技术技巧 21-October-2008
- 轻松学DIV教程(div+css布局) 21-October-2008
- web标准化设计:常用的CSS命名规则 21-October-2008
- 网站进行SEO搜索引擎优化的七条规则 21-October-2008
- 网站SEO必知的三点策略 21-October-2008
- 优化网站内部链接:有效引导搜索引擎抓取 21-October-2008
- 大型门户网站搜索引擎优化方案 21-October-2008
- 一个站长的网站成长过程 21-October-2008
- Seo优化的6个必经步骤 21-October-2008
- 企业推广的最有效途径 21-October-2008
- 推荐2本SEO入门书籍下载 21-October-2008
- 阿里巴巴网站的搜索引擎优化SEO分析 21-October-2008