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 交通频道 作文范文 还价反义词_还价造句_还价怎么造句 每当夜幕降临我的心也会跟着慢慢哭泣 让心儿飞起来 长信秋词五首 初一地理教学工作总结 历史教育专家叶小兵教授听课随笔 物价调查报告 学生学习励志故事:磨斧不误砍柴功 中学2015年春季运动会活动方案 高考必备英语短语 城市绿地系统规划大纲汇报会主持人讲话稿 空间留言祝福语 给情侣除夕祝福短信 感谢父母450字 预备党员自我鉴定1000字 黑猫警长续集(1)作文200字 予人玫瑰,春暖花开作文 励志故事丨保持适当距离的刺猬 陈子昂的诗 社会发展局年度工作总结 苏雪兄妹(第五章) 我没有办法忘记,对不起我还爱你 班主任工作心得:每天让学生自问的九个问题 “三·八”节献礼 2009年初中班主任工作总结 你用一生的幸福做赌注,我怎么舍得让你输. 冬日雨晚 写记叙文的范文:大自然的旋律 放手是一种幸福 蓝墨水 余秀华引发的是一场关于诗歌的正面“喧嚣” 贺铸《捣练子·收锦字》宋词鉴赏 赋得魏都 感情。折磨人的东西 儿童励志故事之向梦想冲刺 两只蚊子的爱情故事 袁隆平,会种地的大师 真挚朋友祝福短信,牵牵我俩的情谊 有一种努力,叫追逐喜欢的生活 爱情文章:爱不是一句口号,情不需要张扬 广播电视编导专业应届毕业生求职信范文 菊花 元稹 我爱宝小 读《美的历程》有感 爱情没有那么美好 诗人疯了 2015年江苏省司法行政系统公务员(人民警察)招考简章 保险公司健康工会工作调研报告 开学第一课观后感:分享 2013届毕业赠言集锦

Copyright © 2016 phpStudy |