在 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上执行此操作才能正确显示呢？泰。

小提琴

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