firefox 不識別background-position-y / background-position-x

火狐不識別background-position-y 或background-position-x;

案例:css

頁面:測試

  

 

背景圖:spa

  

 

  一列按鈕,點擊時讓當前背景圖的background-position-y:0;3d

  最初設置成以下這樣,發現火狐點擊不起做用,後來知道,火狐不支持background-position-y;code

li.tab_menu_cur{
    background-position-y:0 ;  
}

  沒辦法,只能重複勞動了,寫成這樣blog

.bdhd.tab_menu_cur{
    background-position: 0 0;
}
.qvod.tab_menu_cur{
    background-position: -102px 0;
}
.yuku.tab_menu_cur{
    background-position: -204px 0;
}
.tudou.tab_menu_cur{
    background-position: -306px 0;
}
.qiyi.tab_menu_cur{
    background-position: -408px 0;
}

  新問題又來了,個人ie6好像不支持這種寫法 .qiyi.tab_menu_cur了。 以前測試好像一直是支持的,詭異。 (w3school在介紹多類選擇器文章:http://www.w3school.com.cn/css/css_selector_class.asp 中有提到「在 IE7 以前的版本中,不一樣平臺的 Internet Explorer 都不能正確地處理多類選擇器。」)。it

  木辦法,最後只能hack了io

li.tab_menu_cur{
    _background-position-y:0 ;  
}
相關文章
相關標籤/搜索