本类搜索:

Div+css浏览器兼容实例分析(一)

2010-5-7 13:39:11 作者: allenjen 来源: 金龙网站设计工作室

 用div+css布局来做页面相比用table 来做页面当然是好处多多,比如说我前面文章所提到过的"div+css网页布局对seo的好处"和网页打开速度更快的优点,所以div+css布局也成为最爱欢迎和关注的焦点. 然而div+css浏览器兼容问题一直困绕着许多从事DIV+CSS网页排版的美工人员,尤其是IE与火狐的兼容.用div+css布局的网页在IE下显示一切正常,可是在火狐(FireFox)浏览器里打开,本来好好网页一下子就全乱了.让人怎么看?这一定会影响到你的网站的推广,seo优化,不利于搜所引擎的搜索.所以解决div+css浏览器兼容的问题是完全必须的.
下面来看一下di+css浏览器兼容的实例,区分IE6,IE7,firefox 火狐浏览器CSS的写法:
先来分开区分一下。
首先声明div+css浏览器兼容性IE6与IE7与火狐(firefox)的一些识别规则:
1.       IE都能识别* ; 标准浏览器(如FF)不能识别*;
2.       IE6能识别*,但不能识别 !important,
3.       IE7能识别*,也能识别!important;
4.       firefox不能识别*,但能识别!important;

请看下简单的div+css浏览器兼容实例:

1.IE6和firefox的区别:
       background:orange;*background:blue;
 意思就是火狐浏览器的背景颜色是橙色,而IE浏览器的背景色是蓝色.
2. IE6和IE7的区别:
       background:green !important;background:blue;
意思指的是:IE7的背景颜色是绿色,IE6的背景颜色是蓝色
3. 区别IE7与FF:
       background:orange; *background:green;
意思指的是:火狐浏览器的背景颜色是橙色,而IE7的背景颜色是绿色

4.       FF,IE7,IE6:
       background:orange;*background:green !important;*background:blue;
意思是火狐浏览器的的背景橙色,IE7浏览器的背景颜色是绿色,而IE6浏览器的颜色是蓝色.

为了更加清楚的来表达说明div+css浏览器兼容下面表格是更加清楚的能表达IE6,IE7,FF之间的识别标识区别:
IE6IE7FF
*√√×
important×√√


当然关于div+css浏览器的兼容问题还有很多,由于时间的关系,下篇文章再来讲述更多的div+css浏览器兼容实例!
[在线编辑:allenjen][打印本页][收藏本页][关闭本页]
免责声明:本站刊载此文不代表同意其说法或描述,仅为提供更多信息,也不构成任何建议。对本文有异议,请联络本站!
转载要求:文章作者及来源信息必需保留。转载之图片、文件,链接请不要盗链到本站地址,且不准打上各自站点的水印。
本类最新
关于我们  |  广告服务  |  版权声明  |  支付方式  |  联系我们  |  建站流程  |  网站导航  |  加入收藏
网站合作、内容监督、商务咨询、投诉建议:13459049164

本站关键词:厦门网站建设,厦门网站设计,赣州网站建设,赣州网站设计,厦门网站建设工作室,厦门网站设计工作室
Copyright©2008-2009厦门金龙网站设计工作室(网站建设)版权所有
赣ICP备08000130号
赣ICP备08000130号