网页在加载的时候，因为浏览器不同，会造成网页显示的效果不统一的情况。

兼容的问题主要存在与IE浏览器 以ie6、7、8为主

通常情况下可以用hack法来解决；

这之中会用到些符号：

\0：ie中只有ie8能之别

\9：ie6、7、8都识别

*：ie、6、7能识别

_：只能ie6识别

*+html.bb｛｝：只能IE7识别  （bb表示样式名）

发现的一些问题：在ie6、7、8中 border-radios画圆角的样式都不能用

ie6只有在a标签中才有伪类效果

ie6、7 的button标签好像不能设置背景 （我是用DIV做成按钮样子，然后让鼠标一上去时变成手指）

ie6、7中 用不了display：table （ul中的li标签 老老实实用float来解决。。。）

ie6中每个div（其中一个例子）会默认有间距，经常就需要为ie6单独改下位置

ul中的圆点在 谷歌浏览器中 不能随着内容文字的位置变动而动，只有用list-style-postion来移动，（在其他浏览器中就不用）

 1.不同浏览器的标签默认的外补丁和内补丁不同。

   处理方法:

        *{

         margin:0;

         padding:0;

         }

  2、当设置两个div标签浮动后，出现了横向的margin，ie6显示的比设置的大。

     

          处理方法:

        display:inline;

 3、设置标签高度小于10px,ie6/ie7，会显示本身浏览器的最小高度为10px;

          处理方法:

        overflow:hidden;

4、透明度的设置:

   IE:    

         filter:progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=60)

   ff:       

         opacity:0.5;