1、不要使用未被w3c官方收录和普适的属性和属性值；
2、限制使用过于复杂的层级结构，使代码尽量优雅；
3、js和动态代码与css样式整合时，要严格遵循原型的代码结构。
基于以上原则基本可以解决大部分的兼容问题。
那是因为你写的代码在这两种浏览器里不兼容.. 火狐更趋向于CSS标准规范,而IE更趋向于自己..开发面向自己的新功能.. 所以这两种浏览器对CSS的解释不同! 建议做一步就浏览一次! 以后做多了就有经验了~就算是DW等可视化工具里设计是正常的放到其他浏览器里也会出现不兼容的情况的!希望采纳
是因为CSS Transition在ie和firefox中的兼容性不好造成的。说明如下：
在W3C官方的标准里，通过transform属性使对象旋转的写法如下： transform: rotate(40deg)/* 其中40是旋转的角度 */ 可是由于目前几乎所有的浏览器对这个属性的渲染效率都很低，所以我们可以用下面的hack去提高渲染效率： -o-transform: rotate(40deg)/* Opera浏览器 */ -webkit-transform: rotate(40deg)/* Webkit内核浏览器 */ -moz-transform: rotate(40deg)/* Firefox浏览器 */ 由于目前所有版本的IE都不兼容CSS3，所以我们只能通过IE的CSS滤镜来实现，写法如下：
filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand',
M11=0.7660444431189777, M12=-0.6427876096865394, M21=0.6427876096865398,
M22=0.7660444431189779)"
