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

在ie8上的相同元素上添加渐变背景和图像

1 个答案: