實現IE瀏覽器相容placeholder效果

2021-07-25 21:56:22 字數 553 閱讀 6113

placeholder是html5的屬性之一,在不同的瀏覽器( 支援html5的現代瀏覽器 )中會有略微不同的顯示效果,

在chrome( v31.0.1650.63 m)、firefox( v21.0 )、360安全( v6.3 極速模式 )中,輸入欄獲得焦點後,提示文字並不消失,但是ie6-ie9 是不支援placeholder屬性的。

思路是,首先判斷瀏覽器是否支援placeholder屬性,如果不支援的話,就遍歷所有input輸入框,獲取placeholder屬性的值填充進輸入框作為提示資訊,同時字型設定成灰色。

var version=b_version.split(";");

var trim_version=version[1].replace(/[ ]/g,"");

if(browser=="microsoft internet explorer" && trim_version=="msie9.0")

if(iip.attr("name")=="password")

}).blur(function

() });}}

ie瀏覽器相容筆記

ie低版本瀏覽器預設很多標籤是自帶樣式的。ul預設室友padding left 40px li標籤的預設樣式是跟其他瀏覽器不一樣的。預設帶有左邊距16px左右,設定屬性如下即可解決list style position outside position後記得在relative屬性的元素設定浮層 z ...

ie瀏覽器相容筆記

某某 經理讓你相容ie瀏覽器 我的內心 1.html 寫法不標準。有的html 不夠嚴謹,就會造成在ie瀏覽器下各種的問題。比如標題,最好不要直接用li標籤,最好外面有個div包裹,li列表外面需要有ul標籤包裹。應該載入一段公共css 去除某些樣式的預設初始屬性。body,div,dl,dt,dd...

IE瀏覽器相容問題

解決方法 各個版本的分析 x ua compatible是針對ie8新加的乙個設定,對於ie8以下的瀏覽器是不識別的,這個區別與 content ie 7 在無論頁面是否包含指令,都像是使用了 windows internet explorer 7的標準模式。而content ie emulatei...