google-chrome - 转换 translateX 不仅适用于 Chrome

Question

我有这样的事情： http: //dabblet.com/gist/5939428

为什么这适用于除 Chrome 之外的所有浏览器（甚至 IE）？

Answer 1

你能试试这个吗？

在这里我添加了 z-index:1：

.grid figcaption {
    position: absolute;
    top: 0;
    left: 0;
    padding: 20px;
    background: #1d1d1b;
    color: #fff;
        z-index:1; 
}

在这里我设置 z-index 值十（10）。

.cs-style-2 figure .cat, .cs-style-2 figure .cat img {
    z-index: 10;
    box-shadow: -1px 0 10px #000000;
    -webkit-transition: -webkit-transform 1s;
    -moz-transition: -moz-transform 1s;
    transition: transform 1s;
    position: relative;
}

它在 Firefox 和 chrome 中都为我工作