删除 bootstrap 3 弹出框上的底部阴影

Question

如何去除 bootstrap 3 弹出框的底部阴影？

我在 css 中的任何地方都找不到阴影，我已经从我的 css 中删除了所有阴影。

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
<style>
body {
  padding-top: 300px
}
.teamMember {
 width: 60%;
 margin: auto;
 transition: all .3s ease;
 padding: 20px;
}

.teamMember:hover {
 box-shadow: 
  4px 4px 4px rgba(0,0,0,.3),
  -4px -4px 4px rgba(0,0,0,.3);
}

.teamMember img {
 width: 50%;
}

.teamMember h4 {
 font-size: 3em;
 font-family: 'Arimo';
}

.teamMember h5 {
 text-transform: none !important;
 color: rgba(0,0,0,.7) !important;
 font-size: 2em !important;
}

.popover {
 background: rgba(0,0,0,0) url('https://i.imgur.com/mmiTupu.jpg') no-repeat center;
 background-size: cover;
 border: none;
 border-radius: 0;
 box-shadow: none !important;
 text-shadow: none !important;
}

.popover-content {
 border: none;
 border-radius: 0;
 padding: 100px;
}
</style>
<div class="container-fluid">
 <div class="row">
  <div class="col-sm-12">
   <div class="teamMember" data-placement="top" data-content="oof<br/>test">
   <img src="https://i.imgur.com/mmiTupu.jpg">
   <h4>oof</h4>
   <h5>oof</h5>
  </div>
 </div>
</div>
<script type="text/javascript">
$(document).ready(function() {
 var template = [
 '<div class="popover">',
  '<div class="popover-content">',
  '</div>',
 '</div>'
 ].join('');
 $(".teamMember").popover({
  trigger: "hover",
  html: !0,
  template: template
 });
});
</script>

这段代码应该会产生同样的错误，但不是出于某种原因，老实说，我很困惑。我在 css 或开发工具中没有看到阴影，所以我有点卡住了。由于代码片段没有显示问题，这里是实时的：https://piggeh.org/meraki/team

如有任何帮助，我们将不胜感激。

Answer 1

您将无法删除它，因为它已添加到这张 url 中的背景照片中：https://piggeh.org/meraki/assets/images/team/popup.png

看这里：

如果您想保留没有阴影的背景，您应该下载并编辑上面给出的 url 中没有阴影的照片，然后重新上传。

删除 bootstrap 3 弹出框上的底部阴影

Remove bottom shadow on bootstrap 3 popover

html

css

shadow

twitter-bootstrap

bootstrap-popover