ie6/7實現display:inline-block
有兩種方法，第一種，先宣告該元素display:inli程式設計客棧ne-block，觸發其layout，再在第二條樣式上再宣告為display:inline，如：
複製**
**如下:
.test
.test
第二種方法（推薦），利用ie6/7的css專有字首來觸發layout（感覺怎麼有點像js的settimeout）:
複製**
**如下:
.test
ie6雙倍浮動行距
在ie6下，當一程式設計客棧個div在另乙個div向左浮動，並且帶有margin-left的樣式，那麼這時它的左邊距是樣式定義的雙倍，同理如果是向右浮動和margin-right，效果是一樣的。不過在此後浮動的div的邊距反倒是沒問題的，只是第乙個有此問題。
這時，解決的方法是：簡單給該div加個_display:inwjawoanfcsline;樣式即可
ie6-ie10的css hack
複製**
**如下:
p :root p
ie7/8下png背景有黑色的東西
那是因為你使程式設計客棧用了濾鏡效果,比如filter:alpha(opacity=100);，把它去掉就可以了
ie7/8下元素無故消失、看不見、點選不了
在其他瀏覽器明明是有東西的，但來到ie7/8就無故消失了。出現這種情況，你試下給該元素新增background:red;或者之前是去掉文字的text-indent:-9999em; font-size:0;的，改為font-size:18px; text-indent:0;，你就會發現消失的元素終於又出現了。對於這種方法，解決方法是，在ie7/8下，給該元素新增背景色。但同時你不想讓該元素可視，那麼就加上 opacity:0; filter:alpha(opacity=0);
ie7/8下樣式載入不完全
那應該是css檔案的charset宣告和檔案本身的編碼不一致問題，將這個改正一下即可。
暫時先記錄這些吧，以後遇到了再繼續更新，小夥伴們也可以蒐集一下，發給我，本文持續更新
本文標題: css瀏覽器相容性hack大全
本文位址:
CSS 瀏覽器相容性
1.不同瀏覽器的標籤預設的margin和padding不同 解決方案 所以需要有自己的格式化樣式 margin 0 padding 0 2.塊屬性標籤float後，又有橫行的margin情況下，在ie6顯示margin比設定的大 解決方案 在float的標籤樣式控制中加入 display inlin...
瀏覽器hack總結 詳細的瀏覽器相容性解決方法
由於各瀏覽器對頁面的解析不同，會導致頁面在不同瀏覽器中顯示的樣式不一致，為了保持頁面的統一，經常需要對瀏覽器進行相容性問題的除錯。面對瀏覽器諸多的相容性問題，經常需要通過css樣式來除錯，其中用的最多的就是css hack。所謂css hack就是針對不同的瀏覽器書寫不同的css樣式，通過使用某個瀏...
瀏覽器相容性
瀏覽器相容性是乙個很長久的話題，之所以前端需要面對瀏覽器相容性，是因為使用者的環境有不同的平台，不同的瀏覽器。不同的廠商之間為了相互競爭，對標準的實現不一樣。不同的瀏覽器有不同的核心。即使同乙個瀏覽器也有不同的版本，不同的版本對同一特性的支援情況也不盡相同。也可能某個瀏覽器的某個版本針對某個特性存在...