1、select
select箭頭在各個瀏覽器顯示不一致。為了達到統(tǒng)一性。就必須去掉默認樣式,替換上自己的樣式。代碼如下:

所有主流瀏覽器都不支持 appearance 屬性。
appearance對ie、opear瀏覽器不支持。-moz-appearance支持火狐,-webkit-appearance支持safari和谷歌;
對于select::-ms-expand{}只兼容到ie10。
2、placeholder
placeholder是h5的新屬性,IE10以前的瀏覽器(8、9)不支持此屬性。
第一種方法用插件jquery-placeholder,這是借鑒別人的。有點麻煩,先記著吧
注:此插件和jquery validate混合使用時,密碼框password會略過校驗,因為新生成的input并沒有name屬性。解決方法:點擊提交按鈕時,用js代碼給新生成的input添加name屬性。。。
3、opcaity
題外記錄:opcaity屬性是用來定義透明度的,其值在0-1.0之間。但IE8及其以下的版本并不支持。
在IE8上需用filter:alpha(opacity=?)來過濾,opacity的值在0-100間。
4、box-sizing
Internet Explorer、Opera 以及 Chrome 支持 box-sizing 屬性。 ? ? ? Firefox 支持替代的 -moz-box-sizing 屬性。
-moz-box-sizing:border-box;/* Firefox */
-webkit-box-sizing:border-box;/* Safari */
假如您需要并排放置兩個帶邊框的框,可通過將 box-sizing 設(shè)置為 "border-box"。這可令瀏覽器呈現(xiàn)出帶有指定寬度和高度的框,并把邊框和內(nèi)邊距放入框中。
5、背景顏色rgba的兼容性
rgba對IE不兼容。那只能用濾鏡 ?filter: progid: DXImageTransform.Microsoft.gradient(startcolorstr=#66000000, endcolorstr=#66000000);
這個顏色“#19ffffff”是由兩部分組成的,第一部是#號后面的19,是rgba透明度0.1的IEfilter值。從0.1到0.9每個數(shù)字對應(yīng)一個IEfilter值。對應(yīng)關(guān)系如下:

第二部分是19后面的六位。這個是六進制的顏色值。要跟rgb函數(shù)中的取值相同。比如rgb(255,255,255)對應(yīng)#ffffff;都是白色。到這里,rgba的用法就可以兼容IE8了。