關於IE瀏覽器的一些思路

首先說說我對IE的見解：

　　第一感受倔強、孤僻特立獨行。（老是和別人不同，是初學者的噩夢）

　　第二感受個性（每一個版本都須要你去用不一樣的代碼去適配她）

　　

 

雖然如今IE已經升級到了11相對於之前的IE8，IE7，已經完善了好多  一些css3動畫也能支持了，可是 如今大多數客戶的電腦貌似仍是之前的IE7 IE8  從未升過級（驚喜不驚喜，開心不開心……額！！！）

 

之前由於本身的電腦用的是IE11  360兼容模式默認打開IE9  因此通常我作兼容只作到IE9以上沒問題，開開心心的把頁面連接發給客戶,等待客戶給我發個ok ,就職務完成了 ！等來的倒是一張截圖

頁面樣式全亂，浮動處處飛，各類樣式背景圖丟失，一瞬間我開始懷疑了本身的人生。趁客戶沒有生氣 ，急忙解釋 客戶用的瀏覽器？ 什麼模式？版本號？等來的是另外一張截圖上面大大的寫着IE8！！

瞬間崩潰，開始在網上查關於IE七、IE8的問題

 

 

什麼內邊距 什麼寬度問題   什麼浮動問題  還有那個背景圖片

個人答案以下：

內邊距  使用hack方法 加入瀏覽器特定標識

 

 　IE6識別 * 、_

 

    IE7識別 * + 同時寫才管用  只寫單獨的 + 或者 * 不起做用

 

    IE8識別 * 、\9,\0

 

    只有IE8識別  \0/    

 

    ie9只識別：\9

hack詳解  http://www.webhj.com/hj-650.html

 

寬度問題：  加入hack修改寬度   寬度 = 原寬度- 內邊距  例如 你在谷歌的寬度 是200px   內邊距爲10px    ie寬度應爲  200px-20px=180px

浮動問題 ：這個問題我只遇到過一次  兩個左浮動  顯示的結果變成了 兩個都右浮動  並且沒有在同一行  最後個人解決辦法  是用的絕對定位  

　　　　　　父級元素給一個相對定位 position:relative  浮動元素給一個絕對定位position:absolute   父級元素給個高度  

 

還有那個背景圖片： 這個看圖吧

注意格式  注意 空格！ 空格！  空格！  這是IE一個比較坑的一點

詳情能夠看看這個  http://www.cnblogs.com/llhBlog/p/6158262.html