首页 >> 技术文章 >> 详细内容
div+css布局区别不同浏览器hack写法

      众所周知:虽然div+css布局是不可阻挡的取代table布局,以功能强大和布局简练著称的DIV+CSS,受到了众多网页设计师的亲睐!可是以table为基准的游览器一直以来大行其道,对div+css的支持并不是很友好,聪慧的网页设计师们研究发现,以hack为手段,可以弥补各个游览器支持的差距!以下我们用国内最常用的IE6,IE6,和FOX为例:

       区别IE6与FF:
       background:orange;*background:blue;


区别IE6与IE7:
       background:green !important;background:blue;


区别IE7与FF:
       background:orange; *background:green;


区别FF,IE7,IE6:
       background:orange;*background:green !important;*background:blue;


注:IE都能识别*;标准浏览器(如FF)不能识别*;
IE6能识别*,但不能识别 !important,
IE7能识别*,也能识别!important;
FF不能识别*,但能识别!important;


           IE6     IE7    FF
*          √      √     ×
!important ×      √     √

这里值得注意的一点就是,hack只不过是利用了各个游览器的漏洞而完成的布局,并不是一个上的了台面的技术手段,也不会写进教科书,我们只要不断丰富自己的CSS知识和经验,是可以摒弃HACK的,做一位div+css的君子剑!

南京服务器托管 | 南京企业建站 | 南京网站建设 | 南京网站优化 | 南京中绘谷网络技术有限公司 | 467.cn
| 整理发布 | TEL:13913852884,025-58633651,QQ:21390019

发布者:admin 发布时间:2010-7-17 阅读:2902

Baidu
Copyright © 2002-2018 467.Cn All rights reserved    南京华昊网络技术有限公司    版权所有
备案序号:苏ICP备13052121号    ISP经营许可证:苏B2-20080166    ICP/SP经营许可证:苏B2-20130350      苏公网安备 32011102010099号
地址:南京市江北新区大桥北路77号电信大楼5楼    电话:025-58633651(8线)  传真:025-58497310    E-mail:467cn@163.com    邮编:210032
网址:Www.467.Cn    QQ在线支持:点击这里给我发消息 点击这里给我发消息