建站时最烦人的就是IE的不兼容，这也伤害了无数码农。今天，无锡**公司头像小鹿就具体给大家讲解一下如何解决网站兼容性问题。尤其是完全使用DIV+CSS设计的网页，更要注意IE6 IE7 FF对CSS样式的兼容性，否则，你的网页可能会一团糟！我常常被这些事情搞得不知所措，于是就在网上查找了一些资料，结合自己这些天的理解和经验，整理了一些资料，其中有一些我还没有使用过，看不懂。我直接从其他地方粘贴过来的。不知道有没有错误。以后用的时候我会慢慢改的。希望对大家有帮助！什么是浏览器兼容性：当我们使用不同的浏览器（Firefox IE7 IE6）访问同一个网站或页面时，会出现一些不兼容的问题。在此浏览器中它会正常显示，但在另一个浏览器中会出现混乱。我们在写CSS的时候会很烦恼。我们刚刚修复了它。我用这个浏览器解决了问题，但在另一个浏览器中出现了新问题。 important（功能有限） 随着IE7对!important的支持，important方法现在只兼容IE6。 （注意书写，记住声明位置需要提前。）例如：#example { width: 100px !important; /* IE7+ FF */width: 200px; /* IE6 */} 2、CSS HACK方法（新手可以看看，高手可以略过） 首先要知道的是：height: 100px 所有浏览器通用； height: IE6 为100px； IE7专用*+height: 100px; IE6 和IE7 共享*height: 100px;由IE7 和FF 共享height: 100px ！重要；例如：#example { height:100px; } /* FF */* html #example { height:200px; /* IE6 */* +html #example { height:300px; } /* IE7 */下面的方法比较简单。以下是一些示例： 1. IE6 - IE7+FF#example { height:100px; /* FF+IE7 */_height:200px; /* IE6 * /}其实也可以使用上面提到的方法之一来完成#example { height:100px !important; /* FF+IE7 */height:200px; /* IE6 */} 2. IE6+IE7 - FF#example { height:100px; /* FF */*高度：200px; /* IE6+IE7 */}3. IE6+FF - IE7#example { height:100px; /* IE6+FF */*+height:200px; /* IE7 */}4. IE6 IE7 FF 各一个。与#example { height:100px; 相同/* FF */_height:200px; /* IE6 */*+height:300px; /* IE7 */} 或： #example { height:100px; /* FF */*高度：300px; /* IE7 */_height: 200px; /* IE6 */} 需要注意的是，代码的顺序一定不能颠倒，否则前面的努力就白费了。因为浏览器解释程序时，如果名字相同，就会用后面的覆盖前面的，就像给变量赋值一样，所以我们把通用的放在前面，比较专用的放在前面在后面。解释一下4的代码：阅读代码时，第一行是height:100px；这是每个人都共有的。 IE6、IE7、FF均显示100px，第二行为height:300px； FF 不识别该属性。 IE6和IE7识别它，所以FF仍然显示100px，而IE6和IE7得到第一行。 height属性被覆盖，在第三行显示300px_height:200px；只有IE6识别，所以IE6覆盖第二行获取的高度，显示200px。这样，三个浏览器就有了各自的高度属性。让每个人发挥自己的方式。如果你还不明白，要么你去撞墙，要么我去！但你最好还是走吧。哦，我差点忘了提：*+html 兼容IE7。您必须确保HTML 顶部有以下语句：