W3C CSS验证服务是由W3C制作的一个免费软件，用于帮助Web设计者检查层叠样式表(CSS)。你可以在W3C提供的免费在线服务中使用，也可以下载后作为一个 Java程序或者Servlet运行在自己的机器上。

出处不明

1、ul标签在Mozilla中默认是有padding值的，而在IE中只有margin有值。

2、同一个的class选择符可以在一个文档中重复出现，而id选择符却只能出现一次；对一个标签同时使用class和id进行CSS定义，如果定义有重复，id选择符做的定义有效，是因为ID的权值要比CLASS大。

3、一个兼容性调整(IE和Mozilla)的笨办法：
初学可能会碰到这样一个情况：同样一个标签的属性在IE设置成A显示是正常的，而在Mozilla里必须要设成B才能正常显示，或者两个倒过来。
临时解决方法：选择符{属性名:B !important;属性名:A}

4、如果一组要嵌套的标签之间需要些间距的话，那就留给位于里面的标签的margin属性吧，而不要去定义位于外面的标签的padding

5、li标签前面的图标推荐使用 background-image，而不是list-style-image。

6、IE分不清继承关系和父子关系的差别，全部都是继承关系。

(更多…)

一种是图片之间的替换，也就是将正常的图片再做成灰色的。这种方法应该是最稳定的了，但是就要花费时间去做多余的那些图片了。
第二种就是用css来解决问题，上网一搜还真有。 将“filter：gray;”添加到图片的样式中就可以了。

这是应用了滤镜的效果。

对于IE用户这个问题是解决了，但在firefox下就不起作用了。问题在于IE有滤 镜的支持，而firefox就没有。

后来只能是在firefox下将图片半透明显示，也能起到满意的效果。

“filter：gray; -moz-opacity:.1;opacity:0.1;”

这行代码在IE下图片变为灰色，在firefox下半透明显示。

filter：gray 这个属性只有IE支持，-moz-opacity这个属性firefox低版本支持，opacity高版本支持

“filter: Alpha(opacity=10);-moz-opacity:.1;opacity:0.1;”

这行代码在IE和firefox下都半透明显示 。