前端必看!各大瀏覽器 CSS Hack 收集
所謂的Hack就是隻有特定瀏覽器才能識別這段hack程式碼。Hack 不是什麼好東西,除非沒有辦法,我們儘量還是不要用著玩意。 下面是各個瀏覽器的CSS Hack 列表。
Firefox 瀏覽器
@-moz-document url-prefix() { .selector { property: value; } }
支援所有Gecko核心的瀏覽器 (包括Firefox)
*>.selector { property: value; }
Webkit 核心瀏覽器
@media screen and (-webkit-min-device-pixel-ratio: 0) { Selector { property: value; } }
Opera 瀏覽器
html:first-child>b\ody Selector {property:value;}
IE 瀏覽器
IE 瀏覽器針對不同的版本有不同個Hack方式。
IE 9
:root Selector {property: value\9;}
IE 9-
Selector {property: value\9;}
IE 8
Selector {property: value/;} 或: @media \0screen { Selector {property: value;} }
IE 8+
Selector {property: value\0;}
IE 7
*+html Selector{property:value;} 或: *:first-child+html Selector {property:value;}
IE 7-
Selector {*property: value;}
IE6
Selector { _property: value; } 或者: *html Selector { property: value; }
相關文章
- 瀏覽器 CSS Hack 收集瀏覽器CSS
- 區分各瀏覽器的CSS hack(包括360、搜狗、opera)瀏覽器CSS
- CSS瀏覽器相容性的4個解決方案:瀏覽器CSS樣式初始化、瀏覽器私有屬性,CSS hack語法和自動化外掛CSS瀏覽器
- 用CSS hack技術解決瀏覽器相容性問題CSS瀏覽器
- 前端面試瀏覽器系列:瀏覽器快取前端面試瀏覽器快取
- 前端面試題-CSS Hack前端面試題CSS
- 瀏覽器前端優化瀏覽器前端優化
- 各大瀏覽器滾動條相容性問題瀏覽器
- (16)CSS 擴充:① 瀏覽器相容 | CSSCSS瀏覽器
- CSS瀏覽器相容彙總CSS瀏覽器
- 史上最全的CSS hack方式一覽CSS
- 瀏覽器帶你學前端瀏覽器前端
- Web前端瀏覽器相容初探Web前端瀏覽器
- 瀏覽器預設樣式程式碼收集瀏覽器
- 前端學習–Html&Css–條件Hack和屬性Hack前端HTMLCSS
- [譯] 瀏覽器中 CSS 支援指南瀏覽器CSS
- CSS瀏覽器相容問題集CSS瀏覽器
- [轉]史上最全的CSS hack方式一覽CSS
- js上傳圖片預覽,相容IE6以上各大主流瀏覽器JS瀏覽器
- CSS hackCSS
- 相容各主瀏覽器透明的CSS瀏覽器CSS
- webkit核心瀏覽器的CSS寫法WebKit瀏覽器CSS
- Javascript和CSS瀏覽器相容總結JavaScriptCSS瀏覽器
- 前端發展史及瀏覽器核心前端瀏覽器
- 「前端那些事兒」① 瀏覽器渲染引擎前端瀏覽器
- 前端chrome瀏覽器除錯總結前端Chrome瀏覽器除錯
- 前端效能優化——桌面瀏覽器前端優化策略前端優化瀏覽器
- 【瀏覽器】瀏覽器基本工作原理瀏覽器
- css hack 整理CSS
- CSS Houdini:用瀏覽器引擎實現高階CSS效果CSS瀏覽器
- web前端進階篇(二) 瀏覽器 WebpackWeb前端瀏覽器
- 前端效能優化(一)——瀏覽器工作原理前端優化瀏覽器
- 前端面試-主流瀏覽器以及其核心前端面試瀏覽器
- 前端效能優化 之 瀏覽器快取前端優化瀏覽器快取
- 前端面試:Http協議與瀏覽器前端面試HTTP協議瀏覽器
- 前端入門技巧之瀏覽器除錯前端瀏覽器除錯
- 一個瀏覽器前端影像處理庫瀏覽器前端
- 主流瀏覽器核心介紹(前端開發值得了解的瀏覽器核心歷史)瀏覽器前端