主页 / 问题 / 986753
Accepted
FX_Sektor
Asked:2020-05-29 04:16:30 +0000 UTC2020-05-29 04:16:30 +0000 UTC

div 阴影消失

  • 772

如果标题http://prntscr.com/nulhpu下没有元素，屏幕上会出现阴影

但是一旦我添加了一个侧面板（右侧的紫色），它立即从右侧块下方的下方延伸，那么凸起就会消失。如何保存使凸起仍然存在并且标题在顶部？z-索引。没有帮助...

抱歉屏幕太窄了。似乎是常态。

http://prntscr.com/nulhe0

html

1 个回答

  1. Best Answer

    添加标题：

    position:relative;
z-index:2;

    （嗯，或者高于底部块 z-index，如果有的话）

    没有位置：相对；z-index：2；

    .block {
  height: 15px;
  background: #f0f;
}
.b1 {
  box-shadow: 0 3px 3px rgba(0,0,0,0.3);
}
.b2 {
  background: #0f0;
}
    <div class="block b1">1</div>
<div class="block b2">2</div>

    位置：相对；z-index：2；

    .block {
  height: 15px;
  background: #f0f;
}
.b1 {
  box-shadow: 0 3px 3px rgba(0,0,0,0.3);
  position: relative;
  z-index:2;
}
.b2 {
  background: #0f0;
}
    <div class="block b1">1</div>
<div class="block b2">2</div>

    • 0

相关问题