css和javascript在IE和Firefox中二十三个不同点

二一、ul和ol列表缩进问题
　　消除ul、ol等列表的缩进时，样式应写成：list-style:none;margin:0px;padding:0px;
　　其中margin属性对IE有效，padding属性对FireFox有效。← 此句表述有误，详细见↓
　　[注] 这个问题尚未实际验证，待验证后再来修改。
　　[注] 经验证，在IE中，设置margin:0px可以去除列表的上下左右缩进、空白以及列表编号或圆点，设置padding对样式没有影响；在Firefox 中，设置margin:0px仅仅可以去除上下的空白，设置padding:0px后仅仅可以去掉左右缩进，还必须设置list-style:none才 能去除列表编号或圆点。也就是说，在IE中仅仅设置margin:0px即可达到最终效果，而在Firefox中必须同时设置margin:0px、 padding:0px以及list-style:none三项才能达到最终效果。

二二、CSS透明问题
　　IE：filter:progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=60)。
　　FF：opacity:0.6。
　　[注] 最好两个都写，并将opacity属性放在下面。

二三、CSS圆角问题
　　IE：ie7以下版本不支持圆角。
　　FF： -moz-border-radius:4px，或者-moz-border-radius-topleft:4px;-moz-border- radius-topright:4px;-moz-border-radius-bottomleft:4px;-moz-border- radius- bottomright:4px;。
　　[注] 圆角问题是CSS中的经典问题，建议使用JQuery框架集来设置圆角，让这些复杂的问题留给别人去想吧。

　　关于CSS中的问题实在太多了，甚至同样的CSS定义在不同的页面标准中的显示效果都是不一样的。一个合乎发展的建议是，页面采用标准DHTML标准 编写，较少使用table，CSS定义尽量依照标准DOM，同时兼顾IE、Firefox、Opera等主流浏览器。BTW，很多情况下，FF和 Opera的CSS解释标准更贴近CSS标准，也更具有规范性。

上一页  [1] [2]