Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/379.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/36.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Internet Explorer多背景错误?_Javascript_Css_Internet Explorer_Background Image - Fatal编程技术网

Javascript Internet Explorer多背景错误?

Javascript Internet Explorer多背景错误?,javascript,css,internet-explorer,background-image,Javascript,Css,Internet Explorer,Background Image,我有一个元素,使用2个背景,其中一个是线性渐变。例如: background-image: linear-gradient(rgba(33, 212, 37, 0.1),rgba(33, 212, 37, 0.1)), url(http://placekitten.com/g/200/200); 然后使用javascript,我用不同的线性背景和图像切换背景 这适用于Chrome和Firefox,但在IE11中,如果我切换到的图像很大,则什么也不会发生。如果我使用一个非常小的图像,那么它在IE

我有一个元素,使用2个背景,其中一个是线性渐变。例如:

background-image: linear-gradient(rgba(33, 212, 37, 0.1),rgba(33, 212, 37, 0.1)), url(http://placekitten.com/g/200/200);
然后使用javascript,我用不同的线性背景和图像切换背景

这适用于Chrome和Firefox,但在IE11中,如果我切换到的图像很大,则什么也不会发生。如果我使用一个非常小的图像,那么它在IE中也可以正常工作

例如:


这似乎是某种奇怪的错误。有什么解决方案吗?

您使用了前缀吗?@JimFahad没有,正如您在示例中看到的。我认为IE11不需要线性渐变或我在这里使用的任何东西的前缀。@Se7en您找到解决方案了吗?您使用了前缀吗?@JimFahad没有,正如您在示例中所看到的。我不认为IE11需要线性梯度或我在这里使用的任何东西的前缀。@Se7en你找到解决方案了吗?