firefox 不识别background-position-y / background-position-x

火狐不识别background-position-y 或background-position-x;

案例：

页面：

背景图：

　　一列按钮，点击时让当前背景图的background-position-y:0;

　　最初设置成如下这样，发现火狐点击不起作用，后来知道，火狐不支持background-position-y;

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

　　没办法，只能重复劳动了，写成这样

.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 都不能正确地处理多类选择器。”）。

　　木办法，最后只能hack了

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

 本文转自挨踢前端博客园博客，原文链接http://www.cnblogs.com/duanhuajian/p/3421986.html如需转载请自行联系原作者

@挨踢前端