Question

我有一个css线性渐变样式代码，在chrome中运行良好，但在IE 11（我目前的IE版本）中不起作用。以下是代码。

background-image: url('view/games/myScore.jpg'), linear-gradient(to right, rgba(140, 150, 145,1), rgba(180, 180, 182,0));
background-repeat: no-repeat;

我甚至尝试过-ms-linear-gradient方法，但似乎没有解决问题。那么你能帮助我以最好的方式解决这个问题，这将有助于我在不同的浏览器版本上解决这个问题，例如10,11或最新版本，同时也让它在Chrome浏览器上工作。

Answer 1

最后使用图片的网址

background-image: -webkit-linear-gradient(to right, rgba(140, 150, 145,1), rgba(180, 180, 182,0)), url('view/games/myScore.jpg');
background-image: -moz-linear-gradient(to right, rgba(140, 150, 145,1), rgba(180, 180, 182,0)), url('view/games/myScore.jpg');
background-image: -ms-linear-gradient(to right, rgba(140, 150, 145,1), rgba(180, 180, 182,0)), url('view/games/myScore.jpg');
background-image: -o-linear-gradient(to right, rgba(140, 150, 145,1), rgba(180, 180, 182,0)), url('view/games/myScore.jpg');
background-image:  linear-gradient(to right, rgba(140, 150, 145,1), rgba(180, 180, 182,0)), url('view/games/myScore.jpg');
background-repeat: no-repeat;

我已在IE11中测试过。

如何使用背景图像在11,10等IE版本中进行线性渐变

1 个答案: