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 交通频道 作文范文 学校网管检讨书 走向无痕的哲学思考——公开课《散步》教学实录与点评 高中高一作文900字:我爱您,祖国 酷400字 元稹《西归绝句(十二首之二)》诗歌鉴赏 应届大学生面试自我介绍 谁都有谁的谁,谁又是谁的谁? 生活太匆匆 我没有爱情,只有暗恋 【精品】安全生产网格化管理实施方案 转身看见你在笑(一)作文1500字 官员“激情网聊”为哪般 生活改变了我作文900字 小学五年级作文1000字:酸甜苦辣值周记 关于深化社区建设创建和谐社区的意见 师德演讲稿(教育部门) 公主(6)作文600字 高中高三作文2700字:材料作文审题立意(一) 以自己喜欢的方式过一生 【丹水情韵诗歌】落霞 城乡困难群众春节慰问讲话稿 我是一捏土坯。。。。。。 2014年初一入团申请书格式范文 《爱的教育》读后感 某县卫生局度党建年终工作总结 2016车间主任工作总结 2016乡长述职述德述廉报告 难忘16 岁 开元大酒店实习报告_实习报告 绮丽之艳德牟往初 谁在唱,芳草凄凄 小学五年级作文700字:爱不需要语言 注重细节的作文 和58岁说say goodbye.....(听海的人) 500字元旦联欢会作文:钟声敲响 曼德拉的两则小故事 从她身上学会爱 2013事业单位工作总结范文 公平秤 不曾遗忘的 恐龙绝唱作文1200字 “笨NANA”走俏背后 爱你是个错误 完整对白 随笔诗歌 重阳观残荷 8种特质 易嫁高富帅 那些年,你们都不懂柯景腾 驻足农家 广州旅行社灵空山的介绍 追逐我的梦(第一章)时空穿梭

Copyright © 2016 phpStudy |