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执行相同的操作。 This link

更改页脚边框的颜色

2 个答案: