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