浏览器兼容问题及解决办法

一、IE6/IE7对display:inline-block的支持欠缺

html代码：

css代码：

主浏览器：正常显示

ie6/ie7：垂直显示

解决方法代码：

二、IE下option的onclick事件绑定

html代码：

jquery代码：

主浏览器：正常显示有反应

ie点击下没有反应：

解决方法代码：

最后ie显示

三、IE6下浮动时margin双倍边距

html代码：

css代码：

主流浏览器：正常显示

ie6中显示：

解决方法：

四、IE6不支持css min-width与min-height

让一个div最小高度为100px，但ie6中不识别min-height

解决办法：

五、IE6/IE7显示垂直滚动条

字少，超出显示范围，E6/IE7还会显示垂直滚动条

解决办法：

六、PNG图片透明

png的图片在ie6中，透明的部分会显示成灰色，非常的难看