前端：图片上添加图片

来源：互联网发布：abb机器人离线编程软件编辑：程序博客网时间：2024/06/11 16:59

<!DOCTYPE html><html>    <head>        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />        <meta http-equiv="X-UA-Compatible" content="chrome=1,IE=edge" />        <meta name="renderer" content="webkit|ie-comp|ie-stand">        <title>PucciH</title>        <meta name="Keywords" content="普晨" />        <meta name="Keywords" content="普晨" />        <meta name="Description" content="普晨" />        <meta name="author" content="author Puchen" />        <meta name="description" content="163 words" />    </head>    <style type="text/css">        .spec_img img{overflow: hidden;}        .spec_img{            position: relative;            right:0;            bottom:0;            width:422px ;            height:243px;        }        .spec_img.hover:after{            float: left;            overflow: hidden;            cursor: pointer;            position: absolute;            content: url("is_used.png");            left:40%;            top:40%;            /*margin-top: -121px; */            z-index: 999;            height:60px;            width: 94px;        }    </style>    <body>        <div class="spec_img hover">            <img src="thumb.jpg" />        </div>    </body></html>

需要显示的图片
背景图片
效果图

0 0