瀏覽器兼容性

 

 

工具：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();
        });

 

---

四、placeholder 在IE瀏覽器的低版本或者360瀏覽器兼容模式下，字體顏色會呈現黑色（正常的是淺灰色）。

    解決辦法：

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