關於IE瀏覽器的一些思路，IE瀏覽器思路

關於IE瀏覽器的一些思路，IE瀏覽器思路

首先說說我對IE的看法：

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

　　第二感覺個性（每個版本都需要你去用不同的代碼去適配她）

　　

 

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

 

以前因為自己的電腦用的是IE11  360相容模式預設開啟IE9  所以一般我做相容只做到IE9以上沒問題，開開心心的把頁面連結發給客戶,等待客戶給我發個ok ,就任務完成了 ！等來的卻是一張

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

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

 

 

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

我的答案如下：

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

 

 　IE6識別 * 、_

 

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

 

    IE8識別 * 、\9,\0

 

    只有IE8識別  \0/    

 

    ie9隻識別：\9

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

 

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

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

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

 

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

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

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