javascript - CSS 在 Internet Explorer 中改变颜色

Question

所以我得到了这个包含可点击行的表格。在 chrome 中，当我将鼠标悬停在它们上面时，它们会变成蓝色，但是当我在 Internet Explorer 中这样做时，该行就会变得苍白。

这是我为行使用的 CSS:

.clickableRow:hover {
    background-color: rgba(221,221,221,0.5);
    background: -webkit-linear-gradient(top, #65a9d7, #3e779d);
    background-color: #65a9d7;
}

我正在使用 Bootstrap 和上面的代码。

如果您想知道 JsFiddle 的样子，请看这里:Fiddle ，如果您在 Internet Explorer 和 Chrome 中检查 fiddle ，您会看到我的问题。

如果我遗漏了什么，请在下面的评论中问我。

有谁知道如何在 Chrome/IE/Firefox 中获得正确的颜色？

Answer 1

Internet Explorer 没有使用 webkit，所以你必须使用 -ms-...

所以这个JsFiddle只是在 IE 中工作，而不是在 Chrome 或 FF 中工作。您可以添加所有定义，所以 -webkit-... -ms-... 和 -moz-...，有它在 Chrome FF 和 IE 中工作。