2017年常用的CSS Hack技巧如下:
1.各瀏覽器私有前綴
//眾所周知,各瀏覽器的私有前綴不一樣 -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px;
2.ie6、ie7
/* ie6和ie7下某些元素display:inline-block樣式會失效的hack */ .inline-block { display: inline-block; *display: inline; /* ie6&7 hack for display:inline-block */ *zoom: 1; /* hasLayout 為true,讓浮動元素具備清除浮動的能力 */ } /* ie6下 div最小高度不起作用 */ * html .min-height { height: 350px; overflow: visible; _overflow: hidden; }
3.ie8、ie9
/* ie8、ie9下某些元素默認會觸發IE7 engine,比如下面的代碼會觸發IE7 engine,通過添加如下meta可以解決 */
4.谷歌瀏覽器
/* 谷歌瀏覽器Chrome中文界面下 在某個元素上清除浮動不生效 */ .xxx:after { content: ''; display: table; clear: both; }
5.ios端Safari
/* iOS端Safari下的在表單元素上的placeholder會出現藍色下劃線 */ ::-webkit-input-placeholder { color: #333; }
下一篇bson和json區別