<!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
{
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="215px;height:215px;position: relative;border:0px;">
<div style="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>
哲学管理(学)人生, 文学艺术生活, 自动(计算机学)物理(学)工作, 生物(学)化学逆境, 历史(学)测绘(学)时间, 经济(学)数学金钱(理财), 心理(学)医学情绪, 诗词美容情感, 美学建筑(学)家园, 解构建构(分析)整合学习, 智商情商(IQ、EQ)运筹(学)成功.---Geovin Du(涂聚文）