Javascript 在Internet Explorer中更改颜色的CSS

这张桌子上有可点击的行。在chrome浏览器中，当我将鼠标悬停在它们上方时，它们会变成蓝色，但当我在InternetExplorer中这样做时，它们的颜色就会变得苍白

这是我用于行的CSS：

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

我正在使用引导和上面的代码

如果你想知道它是什么样子，这里有一个JsFiddle：，如果你在internetexplorer和Chrome中检查fiddle，你会看到我的问题

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

---

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

Internet Explorer没有使用webkit，因此您必须使用

-ms-…

所以这只是在IE中工作，而不是Chrome或FF。 您可以添加所有定义，以便在Chrome FF和IE中使用

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

---

在样式中，需要更改高于“背景色”的值。

您只需要在CSS中更新此类，它就会工作

.clickableRow:hover {
  background: #65a9d7; 
  background: -moz-linear-gradient(top,  #65a9d7 0%, #3e779d 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #65a9d7 0%,#3e779d 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #65a9d7 0%,#3e779d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#65a9d7', endColorstr='#3e779d',GradientType=0 ); /* IE6-9 */
  color:white;
}

还有，我要和你分享这个故事。支持：IE6及以上版本。

---

谢谢

我试着添加这个，但似乎不起作用？虽然我看到它在你的JSFIDLE中工作。@DrCox对我来说它在IE中工作，但是你必须在任何地方添加所有的定义，才能使它在所有webkit线性渐变（top，#65a9d7，#3e779d）中工作；属性在chrome中得到应用，因此您可以看到蓝色，因为firefox和IE引擎是不同的。您必须为此尝试使用-ms-或-moz-属性。@Ta Zvi我尝试添加该属性，但似乎不起作用。这就是我的CSS类现在的样子：