做网站的时候烦恼的是ie不兼容,这也伤害了不知道多少的程序员。今天,推来客小编专门讲解了如何解决网站的兼容性问题。尤其是用div css设计的网页,你更要注意ie6 ie7 ff和css样式的兼容性,不然你的网页可能会很乱!我经常被这些东西淹没,于是在网上找了一些资料,结合自己这几天的了解和经历,整理了一些资料,有些我还没用过,还看不懂,就直接从外地粘上了。不知道有没有错。以后用的时候慢慢改,希望对你有一点帮助!什么是浏览器兼容性?当我们使用不同的浏览器(firefox ie7 ie6)访问同一个网站或页面时,会出现一些不兼容的问题。这个浏览器显示正常,另一个会比较混乱。
写css的时候我们会很烦。我们刚刚修复了这个浏览器的问题,但是另一个浏览器有了新的问题。重要(功能有限)用ie7!重要支持,重要的方法现在只是为了ie6兼容。(注意文笔。记住申报岗位需要提前。)比如: #比如{width: 100px!重要;/* ie7 ff */width : 200 px;/* ie6 */}二、css hack的方法(新手可以看看,高手要路过)。首先要知道的是:所有浏览器都是万能height: 100px_height: 100px用于ie6ie7高度: 100 px;ie6和ie7共用* height: 100pxie7和ff共享高度: 100px!重要;示例:#示例{ height:100px}/* ff */* html #示例{ height:200px}/* ie6 */* html #示例{ height:300px} /* ie7 */下面的方法比较简单,举几个例子:1。ie6-ie7ff #例{高度:100 px/* ff ie7 */_ height :200 px;/* ie6 */}其实上面提到的第一种方法也可以用#例{height:100px!重要;/* ff ie7 */height :200 px;/* ie6 */}2、ie6 ie7-ff #例{ height:100px/* ff */* height :200 px;/* ie6 ie7 */}3、ie6 ff-ie7 #例{ height:100px/* ie6 ff */* height :200 px;/* ie7 */}4。ie6 ie7 ff不同#例{ height:100px/* ff */_ height :200 px;/* ie6 */* height :300 px;/* ie7 */}或:# example { height:100px/* ff */* height :300 px;/* ie7 */_ height :200 px;/* ie6 */}需要注意的是,代码的顺序一定不能颠倒,否则会浪费掉之前所有的成果。因为浏览器在解释程序时,如果同名,就会用后一个覆盖前一个,就像给变量赋值原因一样。所以我们把一般的放在前面,把比较特殊的放在后面解释4的代码:读代码的时候第一行是height:100px人人通用,ie6 ie7 ff显示100px到第二行* height:300pxff不知道这个属性,ie6 ie7识别,所以ff也显示100px,而ie6 ie7覆盖了第一行得到的高度属性,全部显示300px到第三行_ height:200px只有ie6知道,所以ie6覆盖了第二行得到的高度,显示200px。这样,所有三种浏览器都有自己的高度属性,所以让我们互相看看。如果你还是不明白,要么你碰壁,要么我走!但你还是去比较好。哦,差点忘了说:* html与ie7的兼容性必须保证html的顶部有如下语句:
文章来源:
我们专注高端建站,小程序开发、软件系统定制开发、bug修复、物联网开发、各类api接口对接开发等。十余年开发经验,每一个项目承诺做到满意为止,多一次对比,一定让您多一份收获!