最近測試給了我一大堆bug，一瞅發現全是ie11的。吐槽一下這個瀏覽器真的比較特立獨行。很多預設的樣式跟別的瀏覽器不同，而且最明顯的一點應該是padding左右內邊距往往比別的瀏覽器大了一倍。但是當需要修改的時候又頭疼了。如果改變原有的padding值，那麼在ie11生效了。別的瀏覽器又有問題了。於是在網上搜了一下有沒有專門針對ie11的csshack，就是只對ie11生效的css樣式，一查還真有。就是在css樣式檔案中加乙個@media screen and(-ms-high-contrast:active),(-ms-high-contrast:none)。
比如，我在chrome瀏覽器中給乙個div設定樣式
div這裡需要注意一下ie11的樣式要寫在最後面防止被覆蓋，當瀏覽器為ie11時，@media中的樣式會被執行一遍。
還有乙個就是ie11針對h5的表單驗證部分，驗證失敗後input標籤會出現乙個紅色的框，比較醜。這個時候你只要針對專門的input標籤，增加乙個input;就可以將紅色的邊框去掉了。
IE相容性問題
通過濾鏡來解決 background rgba 255,255,255,1 火狐，谷歌等 filter progid dximagetransform.microsoft.gradient startcolorstr 19ffffff,endcolorstr 19ffffff 相容ie顏色 19ff...
IE相容性問題
一 css hack 目的是是你的css 相容不同的瀏覽器 書寫順序 一般將使用範圍廣，被識別能力強的css的前面 1 只有ie下生效 ie10以下 2 只有在ie8下生效 3 只在ie8不生效 4 只在ie8以上版本生效 二 屬性字首法 在css屬性名前加上一些只有特定瀏覽器才能識別的hack字首...
IE相容性問題 一
一 在ie6下，內容會把父元素設定好的寬高撐開 lang en charset utf 8 name keywords name description content 描述 documenttitle 去除預設外邊距 內邊距 二 ie6元素浮動，若寬度需要內容撐開，裡面塊級元素的內容也要加浮動 l...