山西旅游职业学--电教中心!

技术服务

校园服务电话

多媒体服务冯老师 0351-7973363转805

网络服务刘老师 0351-7973363转806

综合服务王老师 0351-7973363转806

解决IE6、IE7、IE8样式不兼容问题
信息来源: 发布日期: 2015-06-02 浏览次数:2115

如果你的页面对IE7兼容没有问题,又不想大量修改现有代码,同时又能在IE8中正常使用,微软声称,开发商仅需要在目前兼容IE7的网站上添加一行代码即可解决问题,此代码如下:
CODE:
<meta http-equiv="x-ua-compatible" content="ie=7" />
以上代码我已用过。很好用,大家如有遇到类似问题。不防试试。
方法一:
margin-left:10px;
*margin-left:10px;
!important;*margin-left:5px;

方法二:

#someNode
{
    position: fixed;
   #position: fixed;
   _position: fixed;
}

    * 第一排给Firefox以及其他浏览器看
    * 第二排给IE7(可能以后的IE8、IE9也是如此,谁知道呢)看
    * 第三排给IE6以及更老的版本看
我测试过在IE7中这样写都可以的(#margin-left:10px;或*margin-left:10px;或!important;*width:100px;或!important;#width:100px;);
在Firefox中直接写或是!important;width:100px; height:100px;这样写对IE7和FIREFOX都管用,

看下面这个实例:
#ieff{
margin:0px; padding:0px; background:#CC0;  这些代码共用
width:400px; height:400px;                 IE6中正常显示!
!important;width:100px; height:100px;      FOREFOX中正常显示!
!important;*width:200px; *height:200px;    IE7中正常显示!
}
实例二。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE> New Document </TITLE>
  <META NAME="Generator" CONTENT="EditPlus">
  <META NAME="Author" CONTENT="">
  <META NAME="Keywords" CONTENT="">
  <META NAME="Description" CONTENT="">
  <style>
  html,body,div,a,sup,li,ul{margin:0;padding:0;}
 
  .cfirefox{margin:0;  background:#FF9;  height:300px;  font-size:14px;
  width:1024px !important; //firefox
  width:1004px;            //ie6
  *width:1024px;           //ie7
  }
  .cmenufirefox{ list-style:none; background:#03C; width:600px; height:100px;
   margin-left:400px;
   margin-top:0px !important;  padding-top:200px !important;
  margin-top:200px; padding-top:0px;
 

  }
.cmenufirefox li{ float:left; width:100px; background:#F90; height:100px; line-height:100px;

}
  </style>
 </HEAD>

 <BODY>
  <div class="cfirefox"><ul class="cmenufirefox"><li>heme</li><li>heme</li><li>heme</li><li>heme</li><li>heme</li></ul></div>
 </BODY>
</HTML>
不用浏览器之间的像素相差2PX;
文章来源:中国门户在线 详细出处参考:http://www.52egd.com/news/NewViews-414.html

文字 【 关闭本页打印本页】    
学院地址:山西省太原市许坦东街29号   邮编:030031   联系电话:0351-7973363
版权所有: 山西旅游职业学院电教中心   非经营性互联网信息服务审批号 (晋) ICP备13004164号   

晋公网安备 14010502050037号

  • 微信公众平台