CSS Hack大全-教你如何区分出IE6-IE10、火狐、铬、歌剧

现在的浏览器IE6-IE10、火狐、Chrome、Opera、Safari。数量众多，可谓百家争鸣，对用户来说有了很多的可选择型，不过这可就苦了网前端开发人员了。今天把一些常用的半铸钢钢性铸铁(Cast Semi-Steel)黑客整理了一下，包括常用的工业工程黑客以及火狐、铬、歌剧浏览器的黑，并把这些半铸钢钢性铸铁(Cast Semi-Steel)黑客综合的一起，写了一个小的浏览器测试器。如图所示

下面就来看一下代码吧：html部分：复制代码代码如下： div class=' content ' div class=' test '/div div class=' txt ' Pie 6下背景颜色：span class=' ie6 ' style='底色： # CCC'#ccc/span/p pIE7下背景颜色：span class=' ie7 ' style='底色： # 666；'#666/span/p pIE8下背景颜色：span class=' ie8 ' style='底色： # 06f'#06f/span/p pIE9下背景颜色：span class=' ie9 ' style='底色： # f00'#f00/span/p pIE10下背景颜色：span class=' ie10 ' style='底色： # 0ff'#0ff/span/p pwebkit，Safari，Chrome下背景颜色：span class=' web kit-safari-gg ' style='底色： # ff0'#ff0/span/p pFireFox下背景颜色：span class=' Firefox ' style='底色： # f0f'#f0f/span/p pOpera下背景颜色：span class=' opera ' style='底色： # 0f 0；'#0f0/span/p /div/div CSS部分，此部分就只贴砍部分的代码吧，布局的就不贴了：复制代码代码如下内容。测试{宽度： 200像素高度： 200像素；背景技术# f60/* all */background : # 06 F9；/* IE */*后台： # 666；/*IE6，7 */_背景： # CCC/*IE6*/}/* webkit和opera */@ media all and(最小宽度：0){ .内容。测试{ background : # 0f 0 } }/* WebKit */@媒体屏幕和(-网络套件-最小设备像素比：0){ .内容。测试{ background : # ff0 } }/* FireFox */@-moz-document-URL-prefix(){ .内容。测试{ background : # f0f } }/* IE9 */@ media all and(最小宽度：0){ .内容。测试{ background : # f009 } }/* IE10 */@媒体屏幕和(-ms-high-contrast:活动)、(-ms-高对比度：无){。内容。测试{ background : # 0ff } }(9501 . 163.com)

css-hack-ms-moz-webkit-o-Jb51.net.rar