直奔主题：
html部分：
<html>
<head>
<title>
合成滤镜
</title>
<link rel=”stylesheet”type=”text/css”href=”lvjing.css”/>
</head>
<body>
<div id=idParentDiv>
<div id=idDiv1><img src=”img/1.jpg” />合成滤镜<b> A </b>。</div>
<div id=idDiv2><img src=”img/2.jpg” />合成滤镜<b> B </b>。</div>
</div>
</body>
</html>
css部分：
#idParentDiv{
width:100%;
height:120px;
padding:6px;
background-color:buttonshadow;
position:relative;
filter : progid:DXImageTransform.Microsoft.Barn ( Enabled =true,duration=12,motion=out,orientation=horizontal ) ;
}
#idDiv1,#idDiv2{
width:200px;
height:100px;
background-color:#000000;
color:#FFFFFF;
padding:4px;
}
#idDiv1{
position:absolute;z-index:3;visibility:hidden;
}
#idDiv2{
position:absolute;z-index:4;visibility:visible;
}
#idDiv1 img,#idDiv2 img{
width:50px;
height:40px;
float:left;
}
一直运行不出来，不只是啥原因，我的想法是希望不要有js，全用css是否可以实现，感谢您百忙之中的回答。
