Question

我正在使用具有不透明度的渐变作为JUST我的背景的亮度效果。现在它适用于Chrome和Firefox，但似乎在IE10中不起作用，但我确实在那里放了-ms-版本。

这是我的JSFiddle：>>>JSFiddle<<<

以下是代码：

<div id="lol">

</div>

-

#lol {
    background-image:url('http://www.gettyimages.com/CMS/Pages/PhotoDiscFrontdoor/StaticContent/fd_image_test.jpg');
    width:700px;
    height:465px;
}

#lol:hover {
background: -moz-linear-gradient(top,  rgba(255,255,255,.1) 0%, rgba(255,255,255,.1) 100%), url('http://www.gettyimages.com/CMS/Pages/PhotoDiscFrontdoor/StaticContent/fd_image_test.jpg');
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.1)), color-stop(100%,rgba(255,255,255,.1))), url('http://www.gettyimages.com/CMS/Pages/PhotoDiscFrontdoor/StaticContent/fd_image_test.jpg');
    background: -webkit-linear-gradient(top,  rgba(255,255,255,.1) 0%,rgba(255,255,255,.1) 100%), url('http://www.gettyimages.com/CMS/Pages/PhotoDiscFrontdoor/StaticContent/fd_image_test.jpg');
    background: -o-linear-gradient(top,  rgba(255,255,255,.1) 0%,rgba(255,255,255,.1) 100%), url('http://www.gettyimages.com/CMS/Pages/PhotoDiscFrontdoor/StaticContent/fd_image_test.jpg');
    background: -ms-linear-gradient(top,  rgba(255,255,255,.1) 0%,rgba(255,255,255,.1) 100%), url('http://www.gettyimages.com/CMS/Pages/PhotoDiscFrontdoor/StaticContent/fd_image_test.jpg');
    background: linear-gradient(to bottom,  rgba(255,255,255,.1) 0%,rgba(255,255,255,.1) 100%), url('http://www.gettyimages.com/CMS/Pages/PhotoDiscFrontdoor/StaticContent/fd_image_test.jpg');
}

有谁知道这段代码有什么问题？为什么它在Internet Explorer 10中不起作用？

提前致谢。

IE10不会在我的背景上显示我的渐变

0 个答案: