Question

html图片加不规则边框

要在这样一个边框里放一张图片，但是边框四个角要露出来不能被图片遮住

该怎么写代码？求指点~~~





Answer 1

错了，用相对定位，然后图片用绝对定位，z-index值设置为小于0的数

追问

能不能写出具体点的代码，我不太会

追答

<div class="test">
    <img class="border" src="相框.png" alt=""/>
    <img class="picture" src="图片" alt=""/>
</div>

CSS（图片宽高你自己调整一下就OK了）:

.test{
    position:relative;
    width:604px;
    height:782px;
}
.border,.picture{
    position:absolute;
    left:0;
    top:0;
}
.border{
    z-index:1;
    width:604px;
    height:782px;
}
.picture{
    width:232px;
    height:353px;
    left:148px;
    top:190px;
}

追问

但是边框图他不是透明的，所以还是不能把图片放边框里诶

追答

边框不透明你要怎么实现？
做张透明的边框吧，不然实现不了的