CSS 部分样式为什么有的浏览器(如:IE系列)无法呈现出来？

CSS 部分样式为什么有的浏览器(如:IE系列)无法呈现出来？

• 兼容性问题，因为老版本浏览器存在大量和W3C不一致的情况，所以我们做兼容性设计。
• 其他回答：
  W3C标准发展，以及浏览器厂商出于商业的考量，老版本的浏览器(尤其是IE系列)存在大量和W3C标准不一致的情况。一个在Chrome 浏览器下十分美观的网站，在IE6下很有可能惨不忍睹，对此我们不得不进行大量的兼容性设计。

如何跨浏览器设计？

跨浏览器设计有很多种解决方案。介绍通用的方法：条件注释(conditional comment)。

常用的属性前缀：

• webkit：webkit核心浏览器，包括(Chrome)谷歌浏览器、(Safari)苹果浏览器等。
• moz：(Firefox)火狐浏览器。
• ms：IE浏览器。
• o：(Opera)欧朋浏览器。

CSS 常用工具：

• 避免编写属性前缀的Prefix free插件。
• 让不同浏览器表现一致性的Normalize。
  Normalize用法和其他Reset 没有任何区别，它的官网：http://necolas.github.io/normalize.css 进行下载。
• 应用Grunt自动合并压缩CSS 文件。
  Grunt官网:http://gruntjs.com。如何安装，下载，操作。上网查询。