css使鼠标移到div上显示手型主要通过cursor:pointer属性实现，具体操作如下：
1、在html中添加一个div，指定div的宽，高，背景。
2、运行html文件，将鼠标放到div上默认显示的是箭头形状。
3、给div添加css属性cursor:pointer。
4，运行html以后将鼠标放到div上会显示手型。
结合js比较简单些。为你做了个简单的参考下<html>
<head>
<style>
#container{position:relativeheight:200pxwidth:300pxborder:1px solid red}
#inss{position:absoluteheight:30pxwidth:300pxborder:1px solid greenbottom:0px}
</style>
<script>
function xianshi(){document.getElementById("inss").style.display="block"}
function yincang(){document.getElementById("inss").style.display="none"}
</script>
<head>
<body>
div代码：
<div id="container" onmouseover="xianshi()" onmouseout="yincang()">
<div id="inss">遮罩层</div>
</div>
</body>
</html>
你需要做的就是给遮罩层的图片价格透明度的背景图片。效果就出来了！
