做网站的时候烦恼的是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的顶部有如下语句:
文章来源:www.xdzsmall.com
我们专注高端建站,小程序开发、软件系统定制开发、BUG修复、物联网开发、各类API接口对接开发等。十余年开发经验,每一个项目承诺做到满意为止,多一次对比,一定让您多一份收获!