如何在插入阴影框后删除边框[重复]答案

【问题标题】：How to remove border after inset shadow box [duplicate]如何在插入阴影框后删除边框[重复]
【发布时间】：2020-06-09 15:32:20
【问题描述】：

如何去除图片中的边框？向 .box-wrap 添加背景颜色和框阴影会导致 div 周围出现此边框。我希望颜色匹配。

<div id="box-shadow-wrapper" class="right-column" style="background-color: rgb(0, 84, 68);">
  <div class="box-wrap">
  </div>
</div>

.right-column {
    float: left;
    width: 600px;
    height: 531px;
    position: relative;
}

.box-wrap {
    width: 390px;
    height: 370px;
    margin: 77px auto 0;
    margin-top: 77px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    position: relative;
    box-shadow: rgb(0, 84, 68) 0px 24px 13px 42px inset;
    background-color: white;
}

Code snippet

【问题讨论】：

请澄清您的具体问题或添加其他详细信息以准确突出您的需要。正如目前所写的那样，很难准确地说出你在问什么。
我刚刚编辑了帖子，现在已经很清楚了。

标签： css border shadowbox

【解决方案1】：

它现在可以按预期使用叠加层。

<div></div>
<div class="overlay"></div>

div {
    margin:10px;
    width: 100px;
    height: 100px;
    background-color: transparent;
    box-shadow: 0 0 15px 20px #005444 inset;
    border: 100px solid #005444;
}
div.overlay {
    margin-top:-310px;
}

我在这里找到了解决方案：box-shadow and border rendering bug

【讨论】：