DIV IE7,IE8,IE9,火狐,兼容代码怎么写?

如题所述

  您好!很高兴为您答疑!

  需要设置兼容的非常多,无法一一例举,
  假设要设置背景图片,这个宽度是比较重要的。要解决这个问题,可以这样:
  #box{ width: 80px; height: 35px;}html>body #box{ width: auto; height: auto; min-width: 80px; min-height: 35px;}
  您可以在火狐社区了解更多内容。希望我的回答对您有所帮助,如有疑问,欢迎继续在本平台咨询。
温馨提示:内容为网友见解,仅供参考
第1个回答  2012-08-04
div有个问题是当float等于left或right时,你如设的margin值那么就要加个display:inline这样子才能兼容;不然如你的div如这样子:div1{width:100px;height:100px;margin-left:20px;float:left}你若没加display:inline;那么在ie6下显示的效果将是margin-left:40px;你试试
第2个回答  2012-12-11
因为IE各版本的浏览器对我们制作的WEB标准的页面解释不一样,具体就是对CSS的解释不同,我们为了兼容这些,可运用条件注释来各自定义,最终达到兼容的目的。比如: < !–- 默认先调用(可以是火狐的)css.css样式表 –->
<link rel="stylesheet" type="text/css" href="css.css" />< !-–[if IE 7]>
<!–- 如果IE浏览器版是7,调用ie7.css样式表- –>
<link rel="stylesheet" type="text/css" href="ie7.css" />< ![endif]–->
<!–-[if lte IE 6]>
<!–- 如果IE浏览器版本小于等于6,调用ie.css样式表 -–>
<link rel="stylesheet" type="text/css" href="ie.css" />< ![endif]–> 这其中就区分了IE7和IE6向下的浏览器对CSS的执行,达到兼容的目的。同时,首行默认的css.css还能与其他非IE浏览器实现兼容。
第3个回答  推荐于2016-01-16
用条件注释判断浏览器是什么版本

<!--[if lt IE 7]> <html class="ie6"> <![endif]-->
<!--[if IE 7]> <html class="ie7"> <![endif]-->
<!--[if IE 8]> <html class="ie8"> <![endif]-->
<!--[if gt IE 8]><!--> <html> <!--<![endif]-->

然后在<style>根据不同浏览器情况写
.ie6 类名{ }
.ie7 类名{ }
.ie8 类名{ }

这样写便于维护本回答被网友采纳
相似回答