前端必看!各大瀏覽器 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瀏覽器相容性的4個解決方案:瀏覽器CSS樣式初始化、瀏覽器私有屬性,CSS hack語法和自動化外掛CSS瀏覽器
- 前端面試題-CSS Hack前端面試題CSS
- 前端面試瀏覽器系列:瀏覽器快取前端面試瀏覽器快取
- (16)CSS 擴充:① 瀏覽器相容 | CSSCSS瀏覽器
- 史上最全的CSS hack方式一覽CSS
- 各大瀏覽器滾動條相容性問題瀏覽器
- 瀏覽器預設樣式程式碼收集瀏覽器
- 瀏覽器帶你學前端瀏覽器前端
- [譯] 瀏覽器中 CSS 支援指南瀏覽器CSS
- js上傳圖片預覽,相容IE6以上各大主流瀏覽器JS瀏覽器
- 前端chrome瀏覽器除錯總結前端Chrome瀏覽器除錯
- 前端發展史及瀏覽器核心前端瀏覽器
- CSS Houdini:用瀏覽器引擎實現高階CSS效果CSS瀏覽器
- 【瀏覽器】瀏覽器基本工作原理瀏覽器
- 前端效能優化 之 瀏覽器快取前端優化瀏覽器快取
- 前端面試-主流瀏覽器以及其核心前端面試瀏覽器
- web前端進階篇(二) 瀏覽器 WebpackWeb前端瀏覽器
- 前端入門技巧之瀏覽器除錯前端瀏覽器除錯
- 前端效能優化(一)——瀏覽器工作原理前端優化瀏覽器
- 前端面試:Http協議與瀏覽器前端面試HTTP協議瀏覽器
- chrome瀏覽器 json外掛【WEB前端助手】Chrome瀏覽器JSONWeb前端
- CSS程式碼在不同瀏覽器相容問題CSS瀏覽器
- 如何提升瀏覽器CSS的網路效能? – csswizardry瀏覽器CSS
- 什麼是hack?css的hack有哪些?CSS
- 後門病毒通過下載站傳播 全面劫持各大主流瀏覽器瀏覽器
- Chrome 瀏覽器修改 UA 模擬其它瀏覽器,包括移動瀏覽器Chrome瀏覽器
- 瀏覽器瀏覽器
- 前端筆記之CSS(下)浮動&BFC&定位&Hack前端筆記CSS
- Min瀏覽器: 更快更輕量瀏覽器瀏覽器
- 基石-初見瀏覽器(一):瀏覽器渲染瀏覽器
- 前端之瀏覽器快取,一次搞定前端瀏覽器快取
- 驗證碼前端對各瀏覽器的支援前端瀏覽器
- CSS動畫的效能分析和瀏覽器GPU加速CSS動畫瀏覽器GPU
- 谷歌瀏覽器檢視編輯元素CSS樣式谷歌瀏覽器CSS
- 如何使用css實現跨瀏覽器的最小高度?CSS瀏覽器
- CSS HACK 如何書寫CSS
- microsoft edge是ie瀏覽器嗎 edge瀏覽器和ie瀏覽器一樣嗎ROS瀏覽器
- “木偶”瀏覽器瀏覽器
- 瀏覽器核心瀏覽器