用CSS DIV在大图叠加小图
来源:广州中睿信息技术有限公司官网
发布时间:2012/10/21 23:25:16 编辑:admin 阅读 804
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/
  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  <html xmlns="http://www.w3.org/1999/xhtml">    <head>  <meta content="text/html; charset=utf-8" http-equiv="Content-Type" />  <title>CSS Borders DIV大图片右上角叠加小图片</title>  <meta name="author" content="Geovin Du 涂聚文"/>  <style type="text/css">  .geovindu  {   width:415px;   height:415px;   border:2px solid;   filter:progid:dXImageTransform.Microsoft.DropShadow(color=#cccccc,offX=5,offY=5,positives=true);    border-radius:25px;   box-shadow: 10px 10px 5px #888888;/*IE 無效*/   border-image:url(border.png) 30 30 round;   -moz-border-image:url(border.png) 30 30 round; /* Firefox */   -webkit-border-image:url(border.png) 30 30 round; /* Safari and Chrome */   -o-border-image:url(border.png) 30 30 round; /* Opera */  }  </style>  </head>    <body>  <div style="width:215px;height:215px;position: relative;border:0px;">  <div style="width:49px;height:45px;position:absolute;top:5px; right:10px; border:0px; "><img src="bt3.png" style="border:0px;" alt="hi"/></div>  <img src="01.jpg" style="border:0px;" alt="hi,how are you"/>  </div>  <div class="geovindu"></div>  </body>    </html>

 

联系我们CONTACT 扫一扫
愿景:成为最专业的软件研发服务领航者
中睿信息技术有限公司 广州•深圳 Tel:020-38931912 务实 Pragmatic
广州:广州市天河区翰景路1号金星大厦18层中睿信息 Fax:020-38931912 专业 Professional
深圳:深圳市福田区车公庙有色金属大厦509~510 Tel:0755-25855012 诚信 Integrity
所有权声明:PMI, PMP, Project Management Professional, PMI-ACP, PMI-PBA和PMBOK是项目管理协会(Project Management Institute, Inc.)的注册标志。
版权所有:广州中睿信息技术有限公司 粤ICP备13082838号-2