1
我使用位置和溢出属性在图像上堆叠两个圆。 它工作正常,但我跑过来的左侧和右侧图像的圆圈(不上边和左边CSS,快速和引导:溢出和余量错误
以下是图像:。Circle overflowing
这里是CSS
.mainContainer {
background-color: #A6A4AA
}
.targetImage {
margin: 0;
width: 100%;
height: auto;
border: solid medium #2C3756;
border-radius: 0 0 8px 8px;
background-color: #A6A4AA;
position: relative;
}
#targetCol {
overflow: hidden;
position: absolute;
}
.impact, .ajustement {
position: absolute;
background-color: #dc022e;
border-radius: 100%;
opacity: 0.75;
margin: 0;
width: 100%;
height: auto;
border: solid medium #2C3756;
}
.ajustement {
opacity: 0.5;
}
的源代码(EJS +自举):该行是mainContainer上的孩子
<div class="row"> <!-- Row : target -->
<div class= "col-xs-12" id="targetCol">
<img id="target" class="targetImage"></img>
<div id="ajustement" class="ajustement"></div>
<div id="impact" class="impact"></div>
</div>
</div>
怎样绘制我的圈子到只有图像,没有用完 边界 ?
您可以共享图像样本,要在其中这个圈子? – kravisingh
谢谢你的回答,@ kravisingh。我没有在原始文章中添加图片。 –