可以用z-index控制,具体步骤如下:
需要准备的材料分别有:电脑、浏览器、html编辑器。
1、首先,打开html编辑器,新建html文件,例如:index.html。
2、在index.html中的<body>标签中,输入html代码:
<img style="position: absolutetop:0z-index: 1" src="image.jpg" />
<img style="position: absolutetop:0" src="small2.png" />
3、浏览器运行index.html页面,此时大图因为z-index更大而被设置到更上面的图层了。
#1 中的background-color:#000
opacity:0.15
这两行 换成下面两行,如果不用兼容ie的话,就使用下面第一行就行了。
background-color: rgba(0,0,0,.15)
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#00000000', EndColorStr='#00000000')\9