更改页脚边框的颜色

Question

<footer>
<center>
<div class="popup" onclick="myFunction()" style= "padding-right:30px;color: blue;font-size:20px;">*How it works
  <span class="popuptext" id="myPopup">how it works</span>
</div>
<a href="#" style= "padding-right:30px;color: blue;margin-top:100px;font-size:20px;">* Site Owners</a>
</center>   
</footer>

我的CSS：

footer {
    position: absolute;
    width:100%;
    border-top: solid rgba(0,0,0,0.5);
    box-shadow: 3px 4px 5 px 6px #000;
}

我在页脚上放了一个边框，但我希望它与背景图片的颜色相同，因此看起来像一个凹凸。 我的背景照片是渐变图像。 有任何想法吗？ 盒子阴影没用，我尝试做color: inherit但没用。

Answer 1

您的box-shadow中的错误位置有一个空间，它应该是：

box-shadow: 3px 4px 5px 6px #000;

Answer 2

您可以使用z-index执行相同的操作。 这个连结