网站设计中兼容IE6、IE7、IE8的CSS设置

来源:LZAO  |  更新:2017/2/19 10:01:03  |  阅读:
 

我们在网站设计开发中,经常会遇到IE兼容性问题,虽然目前IE浏览器占用份额逐年下降,但是一些大型企业,由于正版软件采购的原因,一直沿用XP系统,而XP系统默认自带IE6浏览器,后期可以升级到IE7/IE8,这就给我们这些前端开发人员为兼容各个版本的浏览器,带来了挑战,下面就一些网站设计中,如果通过HTML和CSS代码实现IE兼容性问题!

 

 

一、在HTML中判断浏览器从而增补CSS思路

以火狐和360浏览器为代表的第三方浏览器大部分都以Chrome为内核,其兼容性和容错性是IE不能比的,所以一般Chrome的兼容行不用考虑这些内核浏览器!

 

所以网站主CSS文件style.css直接以Chrome标准来建立,然后再建立一个兼容IE的CSS增补文件style-ie.css,注意,是增补文件,内容很少,一般是对主style.css中,一些IE不兼容的代码段的覆盖性补充,在HTML中判断引用style.css和style-ie.css:

 

 

这段代码可以实现如果浏览器版本是IE8或者低于IE8,则再追加一个style-ie.css的样式表,style-ie.css里面是对一些IE8或低于IE8的CSS代码的不兼容的补充。

 

二、在CSS中为不同版本的浏览器定义不同的样式

 

常用代码如下:

width:100px;                    /*火狐以及一般浏览器*/

width:200px\9;                 /*IE8*/ 

*width:150px;                  /*IE7*/

_width:50px;                   /*IE6*/

 
 
好了,这就是基本思路,可能您还有更绝妙的方法,这样设置后,应该能兼容各主流浏览器了!
 
上一篇:网站BANNER如何制作设计,BANNER设计教程
下一篇:广东地税网站全新改版上线
团队日志
 
荣誉伙伴

  • HIGER汽车网站制作

  • 瑞罗钟表网站设计

  • 韬鹏展览网站设计

  • 美津浓官方网站制作

  • 宁波方太网站设计

  • 刘春雷律师事务所官网

  • CoMan公司网站设计

  • 金枫酒业官方网站设计

  • 创信官方网站建设

团队言论
热门标签