ie9 及其他相容placeholder

2021-07-29 08:07:33 字數 896 閱讀 1986

placeholder屬性樹html5提出的新屬性,作用是為input框或textarea框新增初始提示內容。當控制項獲取焦點輸入時,清空提示內容。但ie8及其以下的版本並不支援該屬性的顯示。

下面做如下處理:

placeholder屬性樹html5提出的新屬性,作用是為input框或textarea框新增初始提示內容。當控制項獲取焦點輸入時,清空提示內容。但ie8及其以下的版本並不支援該屬性的顯示。

下面做如下處理:

$(function()      

that.focus(function()

})

.blur(function()

})

.closest('form').submit(function()

});

});

} });

第乙個if條件是判斷placeholder是否存在於解析的input框中。

closest方法的作用是:從當前元素開始向上查詢,直到找到匹配的元素為止。

上訴closest方式計算查詢form元素,然後在執行提交的form表單的時候執行sumit的方法。

上面新增了乙個palceholder樣式,其樣式內容為:

[css]view plain

copy

print?

.placeholder

opcaity屬性是用來定義透明度的,其值在0-1.0之間。但ie8及其以下的版本並不支援。

在ie8上需用filter:alpha(opacity=?)來過濾,opacity的值在0-100間。

ie9以下相容background size屬性

我們知道background size是css3屬性,其瀏覽器相容性如下圖 w3school 解決這個問題需要在css中增加 filter progid dximagetransform.microsoft alphaimageloader src surl,sizingmethod ssize 其...

create react app相容ie9配置

參考 問題1 然後在src下的index.js也就是js入口檔案中寫入 根據官網的提示,還需要在package.json檔案中的browserslist中新增ie9 最後重新執行專案發現還是空白但是瀏覽器沒有報錯,把node moudles刪掉重新安裝後就可以正常開啟了 現在 ie11及ieedge...

ES6相容ie9, flex相容ie9

vue相容es6 在 ie9 的環境上,es6 的部分新物件 表示式,並不支援,解決方案是使用babel polyfill元件,它可以將 es6 的 翻譯成低版本瀏覽器可以識別的 es5 npm install babel polyfill s e 安裝完成後,在專案的主入口檔案main.js的首行...