CSS3动画背景不适用于Firefox

时间:2015-05-17 15:26:39

标签: css css3 css-animations

您好,我有这个例子,它的工作正常,Chrome和Opera无法在Firefox中运行

check on fiddle

    body {
    width: 100%;
    height: 100%;
    background: url('http://www.picz.ge/img/s2/1505/17/1/1b588904a0d2.png');
    -webkit-animation: mymove 10s;
    /* Chrome, Safari, Opera */
    -webkit-animation-iteration-count: infinite;
    /* Chrome, Safari, Opera */
    -moz-animation: mymove 10s;
    -moz-animation-iteration-count: infinite;
    animation: mymove 10s;
    animation-iteration-count: infinite;
}
@-webkit-keyframes mymove {
    from {
        background: url('http://www.picz.ge/img/s2/1505/17/1/1b588904a0d2.png');
    }
    to {
        background: url('http://www.picz.ge/img/s4/1505/17/b/b2c36d72aaa6.png');
    }
}
@-moz-keyframes mymove {
    from {
        background: url('http://www.picz.ge/img/s2/1505/17/1/1b588904a0d2.png');
    }
    to {
        background: url('http://www.picz.ge/img/s4/1505/17/b/b2c36d72aaa6.png');
    }
}
@keyframes mymove {
    from {
        background: url('http://www.picz.ge/img/s2/1505/17/1/1b588904a0d2.png');
    }
    to {
        background: url('http://www.picz.ge/img/s4/1505/17/b/b2c36d72aaa6.png');
    }
}

1 个答案:

答案 0 :(得分:1)

您可以使用:pseudo元素添加select COURSE_NO, COURSE_NAME FROM (SELECT *, COUNT(CASE WHEN COURSE_NAME LIKE '%java%' THEN 1 ELSE 0 END) OVER () jc FROM YourTable) ILV WHERE jc=0 OR COURSE_NAME LIKE '%java%' 并更改其不透明度

演示 - https://jsfiddle.net/4x3k7Lxy/4/