zoukankan      html  css  js  c++  java
  • 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 ;  
    }
  • 相关阅读:
    计算机网络——简单的端口扫描器
    Java课程设计——模拟行星运动
    H5 自定义数据属性
    实时获取网络状态
    Web 存储
    关于节流阀的理解
    DOM元素尺寸和位置
    H5选择符api
    HTML和XHTML的区别
    HTML的发展史
  • 原文地址:https://www.cnblogs.com/duanhuajian/p/3421986.html
Copyright © 2011-2022 走看看