jquery - 在ie8的同一个元素上添加渐变背景和图片

Question

我正在尝试将图像添加到具有渐变背景的跨度中。在其他浏览器上一切正常，但在 IE8 上图像显示不正确。

background: url("../img/Checked.png") no-repeat 160px 0px, -ms-linear-gradient(top, #63b6db 0%,#309dcf 100%);

 background: url("../img/Checked.png") no-repeat 160px 0px, linear-gradient(to bottom, #63b6db 0%,#309dcf 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#63b6db',    endColorstr='#309dcf',GradientType=0 ),progid:DXImageTransform.Microsoft.AlphaImageLoader
(src="../img/Checked.png", sizingMethod="scale");

颜色:#fff;

那么如何在 IE8 上正确显示呢？ty.

FIDDLE

Answer 1

Try to use modernizr.js

go through the doc and download http://modernizr.com/

it will solve your most of the IE 8 css problems