CSS Hack 有关浏览器兼容方面


说到浏览器兼容性问题,就必须说CSS Hack!提到Hack大家肯定会想到电脑黑客(hacker)、和病毒程序联系到一块,不过在CSS中,Hack是指一种兼容CSS在不同浏览器中正确显示的技巧方法。说的更直白一些就是,你平时做个页面,布局正确,CSS正确,可就是在不同的浏览器中显示的效果不一样,要么错位,要么多几个像素,怎么都找不到原因,这时候我们就会用一些技巧方法来让不同的浏览器显示一样的效果,这种方法我们就称之为CSS Hack,记住喽,CSS Hack是解决页面浏览器不兼容的技巧方法,是一种方法哟,不要理解偏差

不过这里需要说明一点,CSS Hack都属于个人对CSS代码的非官方修改,所以编写的CSS代码不会通过官方W3C的认证,这个要知道!以后经常会遇到这种情况,CSS写的正确,通过W3C验证,但是不同浏览器显示效果不一样,用了CSS Hack,显示的效果一样了,却又通不过W3C验证了,很是郁闷,不过不要钻牛角尖就是了,W3C验证只不过是帮你检查一下CSS代码写的有没有语法错误而已,通过验证只不过是说明你到目前写的CSS代码没有语法错误而已,不要太计较是否通过验证,也不要多想,如果通不过W3C验证,其他人会不会笑话我,这些想法都是没有必要的,这说明我们的技能更强,因为我们用到了CSS Hack,再说了你的页面是给网民看的,网民看的是界面好看不好看,内容好不好,有没有找到他要找的东西,他不理会你的页面有没有通过W3C验证,所以KwooJan在这里提醒大家,不要落入这个误区哟~

好,我们开讲!
这节课我主要讲两个最常用的CSS Hack,如果这两个能明白,再学其他的Hack就容易了
(1)!important   (2)*
!important
【例子】

复制代码
代码如下:

#content{
height:960px !important;
height:900px;
}

它所附加的生命拥有最高优先级,但是由于IE6不能识别它,而对于IE7,FF均能识别,所以我们就可以用来来解决一些页面,在IE6上显示的效果与IE7、FF上的效果不一样的情况。
在上面的例子中
IE7和FF遇到附加有!important的CSS属性,就会只解析第一句“height:960px !important;”将高度定为960px,而后面的“height:900px;”将不解析,忽略它;
因为IE6不认识附加有!important的语句,所以会跳过第一句,忽略此句,直接解析第二句“height:900px;”将高度定为900px;
注意:附加有“!important”的语句一定要在没有附加“!important”的语句的上面,顺序一定不能错!

*

复制代码
代码如下:

#content{
height:960px;
*height:900px;
}

由于IE8以下的版本(不包含IE8)和360可以识别附加有*的CSS属性语句,FF则不能识别,所以我们就可以用来来解决一些页面,在IE上显示的效果与FF上的效果不一样的情况。
在上面的例子中
因为FF不识别*,所以它只读第一句“height:960px;”而忽略第二句,又因IE6、IE7识别*,所以它们先读第一句,将高度定为960px,而后又读第二句“*height:900px;”,将高度从960px修改为900px,所以我们在IE中看到的最终效果就是高度为900px;
注意:附加有“*”的语句一定要在没有附加“*”的语句的下面,顺序一定不能错!你想想就知道!
好了,这节课对于有点基础的同学比较容易掌握,如果不能完全掌握,需要一个例子来讲解一下,那就来看这篇文章“CSS Hack - 精讲”,由KwooShung来给大家详细讲解



相关阅读:
tomcat怎么设置跟iis那种类似的访问密码
linux简单使用expect登陆远程计算机
Windows 2003如何应用组策略和安全模板
删除并重新安装 IIS 和 Exchange
图片onload事件触发问题解决方法
详细讲解:Linux系统GRUB的MD5加密方法
SQL Server教程:备份和恢复措施
div+css是网页排版技巧分享
php cookies中删除的一般赋值方法
Gzip在apache2中的设置和squid对它的处理方法分析
javascript 回车键后跳到下一控件
网页设计中的标点符号应用规范
FreeBSD基本系统配置2
php array_filter除去数组中的空字符元素
快速导航
PHP MySQL HTML CSS JavaScript MSSQL AJAX .NET JSP Linux Mac ASP 服务器 SQL jQuery C# C++ java Android IOS oracle MongoDB SQLite wamp 交通频道 作文范文 《长袜子皮皮》读后感400字 大学生入党积极分子思想汇报:对党的认识 关于好记者讲好故事的演讲稿 小学五年级作文800字:开学第一天 2012年服装店长工作总结 断臂少年郑成军 2014广告传媒公司实习报告 不恋之友 经典哲理语句 幽默真情的结婚祝福语 打沙包作文200字 时间煮雨,成全自己 穿低胸装容易面试成功?低胸族成功率增加20倍? 时光,娴静如诗 天涯仗剑,谁瘦流年? 2016年最新辞职信范例 励志故事《骑马思维》 心情日志:梦想太多 止步不前 箫声悠悠—— 断断续续的思念 初中初一作文750字:鸳鸯溪历险记 表扬别人实际是给自己加分 智慧作文400字 有令父母担心作文200字 克洛泽,16球,世界杯史上进球最多的人 美丽火花作文500字 裁缝师傅和学徒 人生递次寻求 学生违纪自我检讨书范文 沉默比反击更有力量 千秋诸葛我评说作文600字 2015年度组织部办公室工作总结 秦皇岛五日游日记(二) 自能习作日记始 我爱院子里的橘树(700字) 工程测量实习日记范文 城区市容市貌和交通秩序集中整治工作讲话 清洁工颂 小学四年级作文350字:葡萄品尝会 【阮泊人散文诗】相信自己,苦尽甘来! 超越自己作文500字 2014年高中生入团申请书范文 小学五年级作文450字:一组漫画的启示 生存秘诀 我的同桌三年级作文 学生研究性学习和体会 【新生】——轮回篇 小学五年级作文900字:今天教室里特别静 胜在精善缩微术 小学五年级作文450字:身边的春天 幸福的鸭子读后感500字

Copyright © 2016 phpStudy |