样式兼容问题

DIV+CSS浏览器兼容问题一直困绕着许多从事DIV+CSS网页排版的美工人员,尤其是IE与火狐的兼容。这里和大家分享一下在IE6、IE7、Firefox下的DIV+CSS网页布局的注意问题及技巧。  
      在IE6、IE7、Firefox下的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都能识别*;标准浏览器(如Firefox)不能识别*;  
      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与Firefox:  
      background:orange;*background:green;

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

意思是火狐浏览器的的背景橙色,IE7浏览器的背景颜色是绿色,而IE6浏览器的颜色是蓝色.  
      为了更加清楚的来表达说明DIV+CSS浏览器兼容下面表格是更加清楚的能表达IE6,IE7,Firefox之间的识别标识区别:  
       IE6 IE7 Firefox  
      *  √  √  ×  
      important ×  √  √  
      _(下划线) √ ×  ×  
      
posted @ 2011-05-16 18:49  易独  阅读(270)  评论(0编辑  收藏  举报
乐巴儿 一个有声音的公众号
长按,识别二维码,加关注