案例: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 ; }