收藏本站腾讯微博新浪微博

经典论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

蓝色理想 最新研发动态 网站开通淘帖功能 - 蓝色理想插件 论坛内容导读一页看论坛 - 给官方提建议

论坛活动及任务 地图和邮件任务 请多用悬赏提问 热夏来袭,选一款蓝色理想的个性T恤吧!

手机上论坛,使用APP获得更好体验 急需前端攻城狮,获得内部推荐机会 论坛开通淘帖功能,收藏终于可以分类了!

搜索
查看: 10563|回复: 14

[教程] IE7/IE6/FF浏览器专用的CSS hack

[复制链接]
发表于 2007-9-7 14:37:59 | 显示全部楼层 |阅读模式
摘自:http://www.topcss.cn/article.asp?id=31 如需转载请著明出处,谢谢合作.

最近微软发布的IE7浏览器的兼容性确实给一些网页制作人员添加了一个沉重的负担,虽然IE7已经走向标准化,但还是有许多和FF不同的地方,所以需要用到IE7的HACK,有许多朋友问过IE7的HACK是什么,其实我也不知道。暂时还没找到IE7专用的HACK。那么我们是不是没有办法解决IE7浏览器兼容的问题了?不。

有一点逻辑思想的人都会知道可以用IE和FF的HACK结合起来使用,下面介绍三个HACK,例如:(适合新手,呵呵,高手就在这里路过吧。)
程序代码:

  1. 第一个HACK,IE FF 所有浏览器 公用(其实也不算是HACK)
  2. height:100px;
  3. 第二个HACK IE6专用
  4. _height:100px;
  5. 第三个HACK IE6 IE7公用
  6. *height:100px;
复制代码


介绍完了这三个HACK了,下面我们再来看看如何在一个样式里分别给一个属性定义IE6 IE7 FF专用的HACK,看下面的代码,顺序不能错哦:
程序代码:

  1. height:100px;
  2. *height:120px;
  3. _height:150px;
复制代码



下面我简单解释一下各浏览器怎样理解这三个属性:

在FF下,第2、3个属性FF不认识,所以它读的是 height:100px;

在IE7下,第三个属性IE7不认识,所以它读第1、2个属性,又因为第二个属性覆盖了第一个属性,所以IE7最终读出的是第2个属性 *height:120px;

在IE6下,三个属性IE6都认识,所以三个属性都可以读取,又因为第三个属性覆盖掉前2个属性,所以IE6最终读取的是第三个属性。

大家看明白了吗?一个样式分别写三个浏览器的HACK,就这样简单的搞定了。

最后我想说一句: 其实平时注意自己的代码的编写习惯,可以避免90%的hack,也可以完全不用hack。
发表于 2007-9-7 14:44:28 | 显示全部楼层
不错,没看过这个hack。
回复 支持 反对

使用道具 举报

 楼主| 发表于 2007-9-7 17:43:11 | 显示全部楼层
好东西没人顶,可惜了,大家个个都是高手全站无HACK
回复 支持 反对

使用道具 举报

发表于 2007-9-7 20:25:23 | 显示全部楼层
原帖由 [i]karlen 于 2007-9-7 17:43 发表
好东西没人顶,可惜了,大家个个都是高手全站无HACK


为什么要用hack?现在的hack说不定到哪一个新版本的浏览器就出问题了

很多时候用hack都是能够通过算法避免的,HTML结构灵活地变通一下

实践证明不写hack兼容ie5.0、IE5.5、IE6.0、IE7.0、FF完全是可能的

如果是大型产品页面非得写hack,那就考虑改善页面设计了·

五花八门的个性页面不在讨论范围,搞得不耐烦全部给切成图片·
回复 支持 反对

使用道具 举报

发表于 2007-9-8 00:36:15 | 显示全部楼层
恩,学习到不少!~~~~~~~~
回复 支持 反对

使用道具 举报

发表于 2007-9-8 08:30:43 | 显示全部楼层
可以做到全站五Hack吗?
回复 支持 反对

使用道具 举报

发表于 2007-9-9 11:29:20 | 显示全部楼层
原帖由 [i]jnnvos 于 2007-9-8 08:30 发表
可以做到全站五Hack吗?

是“无Hack”吧?

可以!
我做的一个站只给IE做了正确显示透明PNG的Hack。
如果效果不一样,试着改变一下XHTML的结构,一定能找到不用Hack的结构。
回复 支持 反对

使用道具 举报

发表于 2007-9-10 16:44:23 | 显示全部楼层
不错,收藏了
回复 支持 反对

使用道具 举报

发表于 2007-9-11 11:19:34 | 显示全部楼层
其实全站无hack没什么的
你要做到页面和css样式表都通过标准验证
就不能使用hack

我们整个公司网站(包括页面和css样式表)都能通过验证
没有用hack
可以兼容ie5.5 ie6 ie7 ff等浏览器
回复 支持 反对

使用道具 举报

发表于 2007-9-12 10:23:01 | 显示全部楼层
要学习的东西太多了~~
回复 支持 反对

使用道具 举报

发表于 2007-9-12 12:14:04 | 显示全部楼层
非常感谢楼主``!~
我一向追求无hack。
但是在极端情况下还是会出现一些问题,需要hack来解决。
回复 支持 反对

使用道具 举报

发表于 2007-9-12 12:59:21 | 显示全部楼层
伤心离去..........
回复 支持 反对

使用道具 举报

发表于 2007-9-13 13:34:50 | 显示全部楼层
追求无hack??

自己S就算了,不要说出来。
回复 支持 反对

使用道具 举报

发表于 2007-9-13 13:42:05 | 显示全部楼层
不是所有的页面都这么完美的,说实话HACK谁想用啊。。。
回复 支持 反对

使用道具 举报

发表于 2007-9-13 13:43:17 | 显示全部楼层
原帖由 [i]pippo831214 于 2007-9-11 11:19 发表
其实全站无hack没什么的
你要做到页面和css样式表都通过标准验证
就不能使用hack

我们整个公司网站(包括页面和css样式表)都能通过验证
没有用hack
可以兼容ie5.5 ie6 ie7 ff等浏览器



你要做到页面和css样式表都通过标准验证
就不能使用hack

这句话说过了吧??
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

QQ|小黑屋|Archiver|手机版|blueidea.com ( 湘ICP备12001430号 )  

GMT+8, 2020-9-24 01:08 , Processed in 0.126635 second(s), 8 queries , Gzip On, Memcache On.

Powered by Discuz! X3.2 Licensed

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表