FireShow
狐狸大王
狐狸大王
  • UID516
  • 注册日期2004-12-03
  • 最后登录2012-02-29
  • 发帖数402
  • 经验10枚
  • 威望0点
  • 贡献值0点
  • 好评度0点
阅读:6079回复: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。  
hnstxx
千年狐狸
千年狐狸
  • UID1952
  • 注册日期2005-01-09
  • 最后登录2013-05-14
  • 发帖数4977
  • 经验10枚
  • 威望0点
  • 贡献值0点
  • 好评度0点
1楼#
发布于:2007-03-17 21:59
好办法哦^_^
MM:你是个外表冷酷,内心却很甜蜜的男人。
Sunteya
小狐狸
小狐狸
  • UID2175
  • 注册日期2005-01-14
  • 最后登录2011-06-18
  • 发帖数17
  • 经验10枚
  • 威望0点
  • 贡献值0点
  • 好评度0点
2楼#
发布于:2007-03-17 21:59
还有一种 好的方法是用 IE提供的 条件注释,
和你要的功能差不多 你可以 google 一下 看看
 
http://msdn.microsoft.com/library/default.asp?url=/workshop/author/dhtml/overview/ccomment_ovw.asp  msdn(鸟语)
FireShow
狐狸大王
狐狸大王
  • UID516
  • 注册日期2004-12-03
  • 最后登录2012-02-29
  • 发帖数402
  • 经验10枚
  • 威望0点
  • 贡献值0点
  • 好评度0点
3楼#
发布于:2007-03-17 21:59
最后再清理一下针对 IE 的 CSS 的代码,所有和 FX 相同的 CSS 代码全部删除,只保留针对 IE 改变的部分。
这样代码要小很多

FX 只执行第一个 CSS
IE 执行第一个,加第二个更改的部分。(有点类似于增量部分)
風雲
小狐狸
小狐狸
  • UID17490
  • 注册日期2007-03-19
  • 最后登录2007-03-19
  • 发帖数3
  • 经验10枚
  • 威望0点
  • 贡献值0点
  • 好评度0点
4楼#
发布于:2007-03-17 21:59
郁闷,不能发帖,会一个帖先。
風雲
小狐狸
小狐狸
  • UID17490
  • 注册日期2007-03-19
  • 最后登录2007-03-19
  • 发帖数3
  • 经验10枚
  • 威望0点
  • 贡献值0点
  • 好评度0点
5楼#
发布于:2007-03-17 21:59
郁闷,不能发帖,会一个帖先。
游客

返回顶部