实际项目中遇到的一些小问题

CSS兼容性问题：

（1）firefox浏览器<a>标签选中出现虚线框： a:focus{outline:none}
（2）IE浏览器滚动条会占据页面内部位置
html,body{-ms-overflow-style:scrollbar;}

JS事件兼容问题：
（1）firefox鼠标滚轮事件是DOMMouseScroll，通过event.detail的正负判断滚轮方向，上滚为 负，下滚为正；

  其他浏览器滚轮事件是mousewheel，通过event.wheelDelta的正负判断滚轮方向，上滚为正，下滚为负；

其他问题：

（1）为元素背景颜色设置透明度时，可以使用opacity属性，或rgba设置，但opacity会影响到子元素的透明度，此时可以使用rgba代替