FireShow
狐狸大王
狐狸大王
  • UID516
  • 注册日期2004-12-03
  • 最后登录2012-02-29
  • 发帖数402
  • 经验10枚
  • 威望0点
  • 贡献值0点
  • 好评度0点
阅读:6116回复:5

双 CSS,利用 IE 缺少的一个功能实现

楼主#
更多 发布于:2007-03-17 21:59
前段时间实现双 CSS,来分别针对 IE,FX,但是调用的时候让人头痛,如果采用 JavaScript 来实现调用,每一页调用 CSS 的路径都不一样,在 Dreamweaver 的模版中无法实现。

后来一想 Firefox 不是能够选择 CSS 吗?如果给每个 CSS 增加一个 title,Firefox 默认会调用第一个 CSS。
而 IE 由于缺少 CSS 选择功能,会执行所有 CSS,并且用后一个 CSS 覆盖前一个 CSS 对应的设置。

这样就好了,如果第一个 CSS 没有问题,针对 IE 的 CSS 就在第一个基础上修改,并且保留第一个 CSS 的所有项目。如果有多余的项目还可以增加,并且不影响 FX 的显示。

不用增加任何 JavaScript,也不用使用针对 IE 的特殊 CSS,全部兼容 FX,IE6,IE7,Opera……当然,只能针对独立的 CSS,并不适合复杂的多 CSS。  
FireShow
狐狸大王
狐狸大王
  • UID516
  • 注册日期2004-12-03
  • 最后登录2012-02-29
  • 发帖数402
  • 经验10枚
  • 威望0点
  • 贡献值0点
  • 好评度0点
1楼#
发布于:2007-03-17 21:59
最后再清理一下针对 IE 的 CSS 的代码,所有和 FX 相同的 CSS 代码全部删除,只保留针对 IE 改变的部分。
这样代码要小很多

FX 只执行第一个 CSS
IE 执行第一个,加第二个更改的部分。(有点类似于增量部分)
游客

返回顶部