ie浏览器中元素的兼容性问题

问题1：

在button元素中有子元素（并且有点击事件），子元素的点击事件在ie浏览器中不会生效在其他浏览器中是正常的；

解决方法：需要将button改为其他元素即可解决；

问题2：

在button元素中有子元素，用定位设置样式时，button中子元素会如下图1显示，子元素设置z-index无效，如下所示

<button style="position: absolute;padding:0 18px;background-color:yellow">11111111
               <i style="position: absolute;background-color:red;top:0px;left:10px;z-index: 1000;">X</i>
 </button>

解决方法：将button元素改为其他元素，修改后的样式如下图2所示：

图1：

图2： 

问题3：ie浏览器中阻止冒泡的兼容性问题：

原代码（不兼容ie浏览器）：

event.stopPropagation();//在ie浏览器中该方法阻止冒泡无效

正确代码（兼容ie浏览器的）：

if (event.stopPropagation) {
        event.stopPropagation();
    }
    else if (window.event) {
        window.event.cancelBubble = true;//兼容ie浏览器的方法
    }