今天把一些常用的CSS Hack整理了一下,包括常用的IE hack以及火狐、Chrome、Opera瀏覽器的Hack,并把這些CSS Hack綜合的一起,寫了一個小的瀏覽器測試器。如圖所示:

下面就來看一下代碼吧:
html部分:
| 12345678910111213 | <div class="content"><div class="test"></div><div class="txt"><p>IE6下背景顏色:<span class="ie6" style="background-color: #ccc;">#ccc</span></p><p>IE7下背景顏色:<span class="ie7" style="background-color: #666;">#666</span></p><p>IE8下背景顏色:<span class="ie8" style="background-color: #06f;">#06f</span></p><p>IE9下背景顏色:<span class="ie9" style="background-color: #f00;">#f00</span></p><p>IE10下背景顏色:<span class="ie10" style="background-color: #0ff;">#0ff</span></p><p>webkit,Safari,Chrome下背景顏色:<span class="webkit-safari-gg" style="background-color: #ff0;">#ff0</span></p><p>FireFox下背景顏色:<span class="firefox" style="background-color: #f0f;">#f0f</span></p><p>Opera下背景顏色:<span class="opera" style="background-color: #0f0;">#0f0</span></p></div></div> |
CSS部分,此部分就只貼Hack部分的代碼吧,布局的就不貼了: