小知識:什麼是css hack?
由於不同的瀏覽器,比如ie6、ie7、ie8、firefox等,對css的解析認識不一樣,因此會導致生成的頁面效果不一樣,得不到我們所需要的頁面效果。這個時候我們就需要針對不同的瀏覽器去寫不同的css,讓它能夠同時相容不同的瀏覽器,能在不同的瀏覽器中也能得到我們想要的頁面效果。這個針對不同的瀏覽器寫不同的css code的過程,就叫css hack,也叫寫css hack。
各瀏覽器css hack相容表:
!important :ie7 、firefox ;
_ :ie6 ;
* :ie6、ie7
*+:ie7 ;
\9 :ie6、ie7 、ie8;
\0:ie8;
nth-of-type(1) :chrome、safari;
**示例:
test
body
:nth-of-type(1)
p /* chrome、safari支援 */
一、css hack
以下兩種方法幾乎能解決現今所有hack
1.!important
隨著ie7對!important的支援, !important 方法現在只針對ie6的hack。(注意寫法,記得該宣告位置需要提前)
test
2. ie6/ie77對firefox
*
+html 與 html 是ie特有的標籤,firefox 不支援,而+html 又為 ie7特有標籤。
/* firefox */
*html
/* ie6 fixed */
*+html
/* ie7 fixed, 注意順序 *
注意:
*+html 對ie7的hack 必須保證html頂部有如下宣告:
二、萬能 float 閉合
將以下**加入css 中,給需要閉合的div加上 class=」clearfix」 即可,屢試不爽。
/* clear fix */
.clearfix
:after
.clearfix
/* hide from ie mac */
.clearfix
/* end hide from ie mac */
/* end of clearfix */
相容IE6 7 8的css實現背景透明
html 本報告期 2017 12 2 2017 12 5 海運煤炭運價經過一期的 後再次衝高,並達到2012年7月10日指數發布以來的最高值。12月5日,海運煤炭運價指數ocfi報收1530.24點,期環比上行2.66 分子指數來看,華東線指數報收1620.05點,期環比上行3.06 華南線指數報...
HTTPS下IE6 7 8無法現在檔案的問題
最近專案中碰到了這個問題,將網上的東西貼過來備註下 解決方法 size medium 1 參考上述ms kb,向client登錄檔增加下列dword條目bypasssslnocachecheck,值設為1 hkey local machine software microsoft windows c...
關於IE6 7 8下實現盒陰影的幾個注意點
通常,我們實現盒陰影都是通過這段 來實現的 但是,ie6 7 8不認識這段樣式,所以我們會考慮用濾鏡來實現這功能 其實如果要求不是那麼苛刻的話,ie下用濾鏡已經能達到我們要的效果了。當然,如果你覺得濾鏡不那麼完美,非要用去實現,那也可以,就不用繼續往下讀我要說明的幾個注意點了。首先,濾鏡裡的顏色屬性...