我在具有图像背景的div底部有一个透明的div。一切都很好,但在透明部分的圆角处,背景图像会“透过来”。
这里有一个fiddle链接:
这是我的html:
<div id="zkus">
<div id="zkus_popis"></div>
</div>
这是我的css:
#zkus{
background: url('test.jpg');
width: 200px;
height: 180px;
background-size: 100%;
box-shadow: inset 0px 0px 20px #d1cfcf;
/* box-shadow: 0 0 10px #5c5c5c;*/
border-radius: 12px 12px 15px 15px;
position: relative;
overflow: hidden;
display: inline-block;
/* border: 1px solid #8d8d8d;*/
margin: 0 12px 10px 10px;
}
#zkus_popis{
width: 200px;
height: 35px;
background-color: #000000;
position: absolute;
bottom: 0;
opacity: 0.9;
border-radius: 0px 0px 12px 12px;
overflow: hidden;
}
谢谢.. :)
img
标签而不是背景图片。因此在其中再放一个 div。 - Don Rhummy