IE与Firefox浏览器CSS兼容性的解决方法

李灵华，李秀静

（大连民族学院计算机科学与工程学院，辽宁大连 116605）

IE与Firefox浏览器CSS兼容性的解决方法

李灵华，李秀静

（大连民族学院计算机科学与工程学院，辽宁大连 116605）

针对CSS对IE浏览器和Firefox浏览器不兼容的7个方面，提出了有效的解决方案，为网站开发和设计者提供有益的参考和借鉴。

CSS;兼容性;CSS Hack

随着互联网技术的普及和不断的发展，用户对页面效果的要求也不断提高。为了满足用户要求，符合WEB标准（即网站标准）的CSS+DIV网页布局方式逐步取代了传统的HTML网页设计语言中的表格（TABLE）定位方式，成为时下倍受欢迎和被广泛使用的网页布局方式。虽然采用CSS布局有很多优势，但却存在浏览器兼容性问题。所谓浏览器兼容性问题，是指因为浏览器的内核不同，致使其对同一段代码有不同的解析，造成页面显示效果不统一的情况［1］。在大多数情况下，网站设计者的需求是，无论用户用什么浏览器来查看网站，或者登录系统，都应该是统一的显示效果。随着浏览器版本的增多，解决浏览器兼容性问题显得尤为重要，也成为网站前端开发的一个不可避免的问题。本文针对CSS布局在IE和Firefox浏览器中出现的一些常见的问题，整理出有效的解决办法。

1 CSS Hack

由于不同的浏览器，例如IE6、IE7、Firefox等，对CSS的解析认识是不一样的，因此会导致生成的页面效果不一样，甚至会使信息位置错乱，从而达不到想要的显示效果。为了能够同时兼容不同的浏览器，能够实现在不同的浏览器中也能得到预期的页面显示效果，有一种方法就是针对不同的浏览器写不同的CSS样式。……