Question

我将问题缩小到CSS专线position:relative;，如果我将其删除，则可以正常工作，但是左上角会显示类别cat-work（蓝色标签）。 Idk如何解决它说实话。 Codepen on Codepen;

    article{
    width:auto;
    min-height:10em;
    box-shadow: 0 0 4px rgba(0,0,0,.7);
    margin: 1em;
    font-family: 'Quicksand';
    float: left;
    position:relative;
    }

注意：是的，图片太大但我和其他人一起试过 - 结果相同。那么有人可能有更好的解决方案然后删除Label？^^

Answer 1

它不透明，导航栏与article标签重叠。要在导航栏中修复该集z-index。

nav {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: #fff;
  box-shadow: 0 3px 10px -2px rgba(0,0,0,.1);
  border: 1px solid rgba(0,0,0,.1);
  z-index: 2; /* the z-index */
}

Working Code

滚动文章后，导航栏会变得不透明

1 个答案: