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/ 【声明】:所有博文标题后加(share)的表示收集的他人优秀文章,其余的则为原创。欢迎转载,但请在显要位置显示本文链接,并保留本段声明,否则追究法律责任,谢谢!
【出处】:http://www.cnblogs.com/duanhuajian/ 【声明】:所有博文标题后加(share)的表示收集的他人优秀文章,其余的则为原创。欢迎转载,但请在显要位置显示本文链接,并保留本段声明,否则追究法律责任,谢谢!