csshack 学习Web前端之浏览器兼容和csshack

楼主讲的是构建二维场景，重点是元素和定位。这篇文章讲的是浏览器兼容性和css破解。

楼主认为前端难，浏览器厂商不统一，pc和手机分离是原因之一。浏览器方面，有四大阵营(即Google、Gecko、Apple safari)。最难兼容的是ie。在学习过程中，我查了网上的资料，了解了一下目前互联网浏览器的市场份额，发现ie6的整体比例还是不低的。所以我打算从ie6开始ie兼容。

之后楼主拿出之前的作品，开始调试各种浏览器兼容性。我从Google开始，然后是Firefox。在制作Firefox的过程中，遇到了一些麻烦，但是通过改代码编写，终于过关了。最难的是ie。为了调试ie兼容性，楼主下载了ietester。

需要强调的是浏览器兼容性，既要兼容html，又要兼容css。当初考虑到方便，我们都是用H5文件头(HTML5不是基于SGML的，不用参考DTD)。在考虑兼容性和网页的性质时，我们必须重新理解DTD。文档头的意义:Web世界有很多不同的文档。只有知道文档的类型，浏览器才能正确显示文档。

DTD(Document Type Definition):DTD标准也可以理解为一种语法，它规定了标签嵌套的规则，使HTML或XML的显示效果不会混乱。不同的DTD文件描述不同的标准DTD。如果在文档的开头找不到文档类型声明，默认情况下，所有浏览器都将打开混杂模式。不同的浏览器在这种模式下行为差异很大。如果不使用一些黑客技术，跨浏览器行为就完全没有一致性。

Dtd对应于三种渲染模式:

(1).混杂模式:不引用任何文档类型定义，对文档渲染影响很大。

(2).标准模式:您可以使用以下任何文档类型来打开并使用严格文档来触发。

(3)准标准模式:使用过渡或框架集文档触发。DTD包含所有的HTML元素和属性，包括显式和不推荐使用的元素(如字体)，但允许框架集内容。

DTD类型对网页的直接影响是对html标签和css的支持(具体支持情况分析，楼主没有做过这方面的实验)。在同样的文件头下，作为前端人员，我们要尽量让浏览器支持标签的使用，通过使用css hack让浏览器显示出我们想要的样式。

具体比如Pie.js文件允许ie支持圆角；例如，csshover.htc使ie6支持悬停无效。以及几种传统的csshack风格:条件hack、属性hack和选择器hack。

好吧，我不是大神，分享一下我的经历；真心写这个不容易。综上所述，很有用:目前DTD文件的头文件可以直接H5，然后可以实现H5兼容。之后，使每个浏览器下的标签与css兼容。至于方法，总结一下。为什么说以前的文档头类型？现在很多网站都使用以前的文档头(一般使用以上过渡类型)。

前端学习交流群:202629850。