浏览器兼容性

 

 

工具：IETester

 

---

jquery的兼容性：

兼容性：

不兼容的浏览器：360浏览器的极速模式、UC浏览器

不兼容的问题：

1：ID、name、class的名称不能重复

2：不兼容onclick()事件，

    $(document).ready(function() {
        // 为下拉框绑定事件
        $('#roleid').change(function () {
            showcheckarea();
        });

        // 页面加载完成后也要执行一次
        showcheckarea();
    });

    function showcheckarea() {
        var roleid = $('#roleid option:selected').val();
        if(roleid == 2) {
            $('#checkprincipalarea').show();
        }else {
            $('#checkprincipalarea').hide();
            $('#checkid').val("0");
        }
    }

3：<select > 里面的<option>不支持click()函数，解决办法是使用change()

不支持：
        $('#xxxx').children().click(function() {
            xx_select();
        });

解决办法：
        $('#xxxx').change(function() {
            xx_select();
        });

 

---

4、placeholder 在IE浏览器的低版本或者360浏览器兼容模式下，字体颜色会呈现黑色（正常的是浅灰色）。

    解决办法：

<style>
    /*::-moz-placeholder{color:#BCBCBC}  */      /* Firefox版本19+ */
    ::-webkit-input-placeholder{color:#BCBCBC;}  /* 使用webkit内核的浏览器 */
    :-ms-input-placeholder{color:#BCBCBC;}       /* IE浏览器 */
</style>