Question

CSS代码鼠标经过图片叠加html+CSS

a{
background:url(1.jpg);
}
a:hover { background:url(2.png);
}

我要1.jpg 在html里面，不放到CSS里面，鼠标经过时图片2.png叠加到1.jpg上，怎么做？
.finch {
width:191px;
height:151px;
display:block;
background-position:0 0;
background-repeat: no-repeat;
}
.finch:hover,.finch:active {
background-position:0 0;
background-repeat: no-repeat;
background:#FF6;
filter:alpha(opacity=50);
-moz-opacity:0.5;
opacity:0.5;

}

Answer 1

2.png的位置设为绝对定位，1.jpg的容器设置成相对定位,把2.png的容器，盖到1.jpg上边 即可实现

追问

这样不知道有没问题？图片用的颜色代替，CSS在上面问题补充里面！！！！

追答

可以使用颜色替代，在伪类 a:hover 里触发 就可以了