firefox - css3 转换在 firefox 中不起作用

Question

我正尝试在 Firefox 中对一些元素符号进行转换，但我没有运气。它适用于 chrome、safari、opera 和 ie。这是我的CSS。我只想将背景图像调整到我的 y 位置。

#slideshow-nav a {
    display: block;
    width: 10px;
    height: 10px;
    padding: 3px;
    background: url('images/bullets.png');
    background-position-y: 17px;
    -webkit-transition:all 0.2s ease-in-out;
    -moz-transition:all 0.2s ease-in-out;
    -o-transition:all 0.2s ease-in-out;
    -ms-transition:all 0.2s ease-in-out;
    transition:all 0.2s ease-in-out;
}

#slideshow-nav a:hover {
    display: block;
    width: 10px;
    height: 10px;
    padding: 3px;
    background: url('images/bullets.png');
    background-position-y: 0px;
    -webkit-transition:all 0.2s ease-in-out;
    -moz-transition:all 0.2s ease-in-out;
    -o-transition:all 0.2s ease-in-out;
    -ms-transition:all 0.2s ease-in-out;
    transition:all 0.2s ease-in-out;
}

#slideshow-nav li.activeSlide a { 
    display: block;
    background: url('images/bullets.png');
    background-position-y: 0px;
    width: 10px;
    height: 10px;
    -webkit-transition:all 0.2s ease-in-out;
    -moz-transition:all 0.2s ease-in-out;
    -o-transition:all 0.2s ease-in-out;
    -ms-transition:all 0.2s ease-in-out;
    transition:all 0.2s ease-in-out;
}

Answer 1

据我所知(这肯定是不完整的)background-position-y 不是一个有效的属性。我的猜测是 Firefox 没有识别它。尝试:

background-position: 0 17px;

去

background-position: 0 0;