用以下CSS,可以实现菜单项常用效果。例如hover时,可以与link时显示不同的背景图片、背景色、字体、字体颜色等等。也就是说这个CSS是通用的,你可以根据他进行拓展应用。
CSS技巧

FireFox 3.5+不再支持-moz-opacity属性
安装FireFox3.5后,发现以前项目网页中有透明属性的一些DIV都不透明了。于是猜想,FireFox3.5难道不支持它自家的CSS透明属性-moz-opacity了?上网一查,果真如此。
在https://developer.mozilla.org/En/CSS:-moz-opacity里说得很清楚了:
Note: Firefox 3.5 and later do not support -moz-opacity. By now, you should be using simply opacity.
现在都要改用opacity这个属性。

在firefox与IE下DIV+CSS Padding效果不同的解决方法
以上代码在IE中和firefox会有不同的效果.最主要原因是firefox解释padding-top与IE的效果不同
fixfox对DIV总高度是padding-top+height的,而IE中,padding-top是包含在height中的,

DIV背景图片在IE下正常,Firefox下不显示
DIV背景图片在IE下正常,Firefox下不显示的问题?
一般情况下是因为你的div里面加了float属性, 如float:left,在FF里如果里面的元素加了float属性float:left(right),它就不会被撑开的,也就是说的它的高度是0.

DIV相对于父DIV底部对齐
DIV相对于父DIV底部对齐
<style type="text/css"> .box1 {border:1px #cccccc solid; width:500px; height:600px;position:relative;} .box2 {border-top:1px #cccccc solid; background:#f2f6fb; width:498px; height:22px; position:absolute; bottom:0;} </style> <div> <div></div> </div>
重点是:bottom:0;

CSS滤镜效果说明
duration : 可选项。浮点数(Real)。设置或检索转换完成所用的时间。其值为秒.毫秒(0.0000)格式。
你可以使用 play 方法的 iDuration 参数设置转换回放的持续时间。然而,当你一旦调用了 play 方法,在回放持续过程中 Duration 特性就变为只读特性。

如何让网页同时兼容FireFox和IE
div 的垂直居中问题: vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字,就垂直居中了。缺点是要控制内容不要换行。
