改变页脚边框的颜色。

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;
}

我在页脚上添加了上边框，但我希望它与我的背景图片颜色相同，以便看起来像一个凸起。我的背景图片是一个渐变图像。有什么想法吗？阴影框不起作用，我尝试过使用“inherit”来设置颜色，但它没有起作用。

- hiba

---

请更改box-shadow: 3px 4px 5px 6px #000;... - Pravin Vavadiya

Answer 1

您可以使用 z-index 来实现相同的效果。 这个链接

- user7213050

---

它只是使其显示正常边框。 - hiba

目前必须使用z-index和box-shadow。 - user7213050

Answer 2

你在 box-shadow 中放错了空格，正确的写法应该是：

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

- Eran Shabi

---

有没有办法去掉 #000，因为我有点看不惯黑色边框。 - hiba

你想要得到什么？ - Eran Shabi

我只想要一个没有颜色的边框，可以与我的图像匹配，就像是透明的，并且会获取我的背景图像的颜色。 - hiba

如果您想要检测图像的颜色，那么您无法使用CSS来实现。否则，我不明白您想要实现什么。 - Eran Shabi

可以了，我只是没去掉border-top，谢谢你！ - hiba