- 浏览: 98547 次
- 性别:
- 来自: 珠海
最新评论
-
dongcb678:
东扯西拉 mail server怎么搞得lamp
Ubuntu Mail Server 安装 -
wenew:
Google Doc在大陆被墙了,需要代理才能访问,试一下go ...
解决Google Docs无法登录或者登录后无法打开文件的问题
網路上有非常多關於CSS Hack的教學文章,當然處理方法也有很多種,接下來要跟大家說明的是屬於比較簡單的方法,但是以下的校正確無法通過W3C檢測,雖然無法通過檢測,但是針對各個瀏覽器校正確是有效的喔!
目前瀏覽器大宗還是屬於IE6的天下,這原因主要是因為XP本身內建IE6,而且很多使用者很喜歡重灌XP,因此IE6仍占走了大半的瀏覽器天下,不過隨著Windows7的出現,倒是有非常大的機會解決過氣的IE6,因為Windows7本身是內建IE8,微軟的IE8對CSS的解釋已經越來越標準,當然標準程度仍是不及Firefox。
另外,如果要處理IE各版本瀏覽器的相容性問題,那一定要有各版本的IE瀏覽器可以瀏覽,但是微軟作業系統內並沒有讓多版本的IE共存,為了讓自己電腦內存在多種版本的IE瀏覽器,那就趕快下載IETester來使用吧!另外,也別忘記下載Firefox來修正網頁CSS喔!
——————————–我是分隔線——————————–
區別IE和Firefox
【辨識符號】:「\9」
【範例練習】:
#tip {
background:blue; /*Firefox 背景變藍色*/
background:red \9; /*IE6、IE7、IE8背景變紅色*/
}
【說明】:因為IE瀏覽器看得懂「\9」,但是非IE的瀏覽器一律看不懂,因此就可以用這個語法來區分IE和Firefox(非IE瀏覽器,像是Opera、Google Chrome、Safari等),因此以上CSS範例中,非IE瀏覽器是顯示藍色背景,IE系列瀏覽器是顯示紅色背景。
——————————–我是分隔線——————————–
區別IE6、IE7、IE8、Firefox
【辨識符號】:「\9」、「*」、「_」
【範例練習】:
#tip {
background:blue; /*Firefox 背景變藍色*/
background:red \9; /*IE8 背景變紅色*/
*background:black; /*IE7 背景變黑色*/
_background:orange; /*IE6 背景變橘色*/
}
【說明】:因為IE系列瀏覽器可讀「\9」,而IE6和IE7可讀「*」(米字號),另外IE6可辨識「_」(底線),因此可以依照順序寫下來,就會讓瀏覽器正確的讀取到自己看得懂得CSS語法,所以就可以有效區分IE各版本和非IE瀏覽器(像是Firefox、Opera、Google Chrome、Safari等)。
——————————–我是分隔線——————————–
區別IE6、IE7、Firefox (方法 1)
【辨識符號】:「*」、「_」
【範例練習】:
#tip {
background:blue; /*Firefox背景變藍色*/
*background:black; /*IE7 背景變黑色*/
_background:orange; /*IE6 背景變橘色*/
}
【說明】:IE7和IE6可讀「*」(米字號),IE6又可以讀「_」(底線),但是IE7卻無法讀取「_」,至於Firefox(非IE瀏覽器)則完全無法辨識「*」和「_」,因此就可以透過這樣的差異性來區分IE6、IE7、Firefox,
——————————–我是分隔線——————————–
區別IE6、IE7、Firefox (方法 2)
【辨識符號】:「*」、「!important」
【範例練習】:
#tip {
background:blue; /*Firefox 背景變藍色*/
*background:green !important; /*IE7 背景變綠色*/
*background:orange; /*IE6 背景變橘色*/
}
【說明】:IE7可以辨識「*」和「!important」,但是IE6只可以辨識「*」,卻無法辨識「!important」,至於Firefox可以讀取「!important」但不能辨識「*」因此可以透過這樣的差異來有效區隔IE6、IE7、Firefox。
區別IE7、Firefox
【辨識符號】:「*」、「!important」
【範例練習】:
#tip {
background:blue; /*Firefox 背景變藍色*/
*background:green !important; /*IE7 背景變綠色*/
}
【說明】:因為Firefox可以辨識「!important」但卻無法辨識「*」,而IE7則可以同時看懂「*」、「!important」,因此可以兩個辨識符號來區隔IE7和Firefox。
——————————–我是分隔線——————————–
區別IE6、IE7 (方法 1)
【辨識符號】:「*」、「_」
【範例練習】:
#tip {
*background:black; /*IE7 背景變黑色*/
_background:orange; /*IE6 背景變橘色*/
}
【說明】:IE7和IE6都可以辨識「*」(米字號),但IE6可以辨識「_」(底線),IE7卻無法辨識,透過IE7無法讀取「_」的特性就能輕鬆區隔IE6和IE7之間的差異。
區別IE6、IE7 (方法 2)
【辨識符號】:「!important」
【範例練習】:
#tip {
background:black !important; /*IE7 背景變黑色*/
background:orange; /*IE6 背景變橘色*/
}
【說明】:因為IE7可讀取「!important;」但IE6卻不行,而CSS的讀取步驟是從上到下,因此IE6讀取時因無法辨識「!important」而直接跳到下一行讀取CSS,所以背景色會呈現橘色。
——————————–我是分隔線——————————–
區別IE6、Firefox
【辨識符號】:「_」
【範例練習】:
#tip {
background:black; /*Firefox 背景變黑色*/
_background:orange; /*IE6 背景變橘色*/
}
【說明】:因為IE6可以辨識「_」(底線),但是Firefox卻不行,因此可以透過這樣的差異來區隔Firefox和IE6,有效達成CSS hack。
——————————–我是分隔線——————————–
關於IE6、IE7、IE8、Firefox之間的CSS Hack大概是以上那樣,如果有疏漏或是有錯誤還煩請大家指證一下囉!這些CSS Hack是我目前看過比較簡單的處理方式,當然如果你不會很在意CSS是否通過W3C的驗證,你只會在意每個用戶在不同的瀏覽器下閱讀是否可以正常的話,其實以上CSS Hack對你來說是非常好用的,因為這些CSS Hack如果善加利用確實可以正確的解決瀏覽器相容性問題。
以上的CSS Hack參照了以下幾篇文章所整理出來的,感謝以下文章的詳細說明。
发表评论
-
linux下Nginx+tomcat整合的安装与配置
2012-11-08 10:25 1128linux下Nginx+tomcat整合的安装与配置 ... -
grub 修复
2012-06-01 14:40 766mm@mm-desktop:~$ sudo -i (获取r ... -
ubuntu firefox 使用输入法
2012-05-31 17:15 977vim /usr/bin/firefox 在MOZ_APP_N ... -
ubuntu server ping setting
2012-03-31 10:39 0查看 cat > /proc/sys/net/ipv4/ ... -
nginx + phpmyadmin
2012-03-21 22:03 0sudo apt-get install php5-cli p ... -
Linux 查看端口占用
2012-03-19 17:51 0lsof -i :端口 号 kill -9 pid -
Linux 用户&组&文件安全与权限
2012-02-16 15:52 1712改变用户所在组: 强行设置某个用户所在组 usermod ... -
Linux 用户(user)和用户组(group)管理概述
2012-02-16 11:04 534一、理解Linux的单用户 ... -
SSH无密码登录
2012-02-15 11:00 721详情看附件,完成操作后ssh如果出现Server refuse ... -
ubuntu 11.04启动文件
2011-05-31 22:25 960Creating /etc/init.d/local sud ... -
ruby SQLManager
2011-05-31 18:58 699class SQLManager @params ... -
ruby sql_manager
2011-05-30 16:28 797class SQLManager @params ... -
ruby hash array 复制
2011-05-30 15:18 786Marshal.load(Marshal.dump(arr)) ... -
ICON 收藏
2011-05-23 17:37 880经常用的几个Icon网站,虽然不是新鲜贴,但还是放了出来 1 ... -
MySQL复制
2011-05-04 09:29 572http://dev.mysql.com/doc/refman ... -
在Ubuntu上安装L2T P/IPsec VPN服务器
2011-04-27 21:01 961下载文件 .... -
Ubuntu mail server
2011-04-24 15:32 724http://wiki.ubuntu.com.cn/index ... -
Nginx 配置 SSL 证书 + HTTPS 站点小记
2011-04-22 21:08 1965Nginx 配置 SSL 证书 + HTTPS 站点小记今天给 ... -
Ruby openssl 生成证书
2011-04-22 20:52 1263require 'openssl' key = Op ... -
Postfix+Dovecot邮件服务器架设傻瓜版指南
2011-04-18 21:49 1186只需apt-get install postfix postf ...
相关推荐
IE6、IE7、IE8、Firefox兼容性CSS HACK代码+示例
css hack ie6 ie7 ie8 firefox等浏览器兼容性
CSS HACK 兼容列表 Firefox,IE5,IE5.5,IE6,IE7,IE8 CSS 浏览器兼容
CSS Hack兼容大全,令网页能正常显示在IE5,IE5.5,IE6,IE7,Firefox,Opera,Safari等浏览器上
针对firefox ie6 ie7 ie8的css样式hack
什么是CSS hack: 由于不同的浏览器,对CSS的解析认识不一样,从而导致生成的页面效果不一样,得不到我们所需要的页面效果。... 针对不同的浏览器写不同的CSS code的过程,就叫CSS hack,也叫写CSS hack
css解决IE6,IE7,firefox兼容性问题.在当前IE6 IE7 FifeFox三分天下的情况下,浏览器兼容性问题成为网页设计者需要考虑的问题.
搜集整理的CSS HACK,也即是在多种浏览器(主要是ie6 ie7 ie8 ff)下样式统一的解决办法。 内容还是较全的,前台开发中常见的兼容性问题都可以找到解决方法,值得研究。 包括各浏览器CSS hack,技巧。有实例。
div+css兼容ie6ie7ie8ie9和FireFoxChrome等浏览器方法[借鉴].pdf
解决ie6、ie7、ie8浏览器的css hack 兼容问题
简单CSShack:区分IE6、IE7、IE8、Firefox、Opera().pdf
IE6、IE7、IE8、Firefox、Chrome、Safari的CSS hack兼容一览表
CSS布局资料:IE5、IE6、IE7、IE8 的CSS HACK兼容列表
CSS样式兼容IE6、IE7、IE8、FF火狐浏览器的方法
IE6浏览器兼容问题总结及CSS排版注意地方 列举IE6中10个不得不注意的问题 重构你的代码
css入门教程IE和Firefox浏览器CSS兼容性技巧整理.docx
IE6.0、IE7.0 与FireFox CSS兼容的解决方法