ms滤镜渐变和背景图片

时间:2013-05-28 09:23:40

标签: background-image gradient

有没有办法(除了使用其他元素)在IE8和IE9中让背景图像位于渐变之上?在以下示例中,渐变始终覆盖背景图像。感谢。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">   

<html xmlns="http://www.w3.org/1999/xhtml">
<head>

<title>ms filter gradient and background image</title>

<style type="text/css">
div {
width:500px;
height:500px;
-ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=red, endColorstr=blue)";
background:url('my-image.gif') no-repeat;
}
</style>

</head>

<body>

<div></div>

</body>

</html>

0 个答案:

没有答案