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 ;  
}

 

posted on 2013-11-13 18:52  挨踢前端  阅读(2897)  评论(1编辑  收藏  举报

导航