css3 悬停效果不适用于 firefox

Question

我正在研究基于 CSS 的悬停效果。然而，效果在 chrome 中完美运行，但在 firefox 版本 26 中却不行。这是
http://jsfiddle.net/gfxbucket/Bz3E8任何帮助将不胜感激。谢谢。

/* Caption Style 4 */
.team-grid li {
    -webkit-perspective: 1700px;
       -moz-perspective: 1700px;
            perspective: 1700px;
    -webkit-perspective-origin: 0 50%;
       -moz-perspective-origin: 0 50%;
            perspective-origin: 0 50%;
}

.team-grid figure {
    -webkit-transform-style: preserve-3d;
       -moz-transform-style: preserve-3d;
            transform-style: preserve-3d;
}

.team-grid figure > div {
    overflow: hidden;
}

.team-grid figure img {
    -webkit-transition: -webkit-transform 0.4s;
       -moz-transition:    -moz-transform 0.4s;
            transition:         transform 0.4s;
}

.no-touch .team-grid figure:hover img,
.team-grid figure.cs-hover img {
    -webkit-transform: translateX(25%);
       -moz-transform: translateX(25%);
        -ms-transform: translateX(25%);
            transform: translateX(25%);
}

.team-grid figcaption {
    height: 100%;
    width: 60%;
    opacity: 0;
    -webkit-backface-visibility: hidden;
       -moz-backface-visibility: hidden;
            backface-visibility: hidden;
    -webkit-transform-origin: 0 0;
       -moz-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-transform: rotateY(-90deg);
       -moz-transform: rotateY(-90deg);
            transform: rotateY(-90deg);
    -webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;
       -moz-transition:    -moz-transform 0.4s, opacity 0.1s 0.3s;
            transition:         transform 0.4s, opacity 0.1s 0.3s;
}

.no-touch .team-grid figure:hover figcaption,
.team-grid figure.cs-hover figcaption {
    opacity: 1;
    -webkit-transform: rotateY(0deg);
       -moz-transform: rotateY(0deg);
            transform: rotateY(0deg);
    -webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
       -moz-transition:    -moz-transform 0.4s, opacity 0.1s;
            transition:         transform 0.4s, opacity 0.1s;
}

Answer 1

好吧，你的 fiddle 在我的 FF26 Mac 上运行完美。

不过，您在 html 中的 img 上缺少一个结束符/。如果您正在运行 xhtml strict doctype，这可能与它有关吗？

祝你好运!