box-shadow css 属性没有正确显示？答案

【问题标题】：box-shadow css property is not showing up properly?box-shadow css 属性没有正确显示？
【发布时间】：2021-10-13 08:33:54
【问题描述】：

当您向下滚动页面时，此页面上的框阴影https://5pshomes.artrageousdemo.com/ 会出现在粘性标题下方，但如果标题位于顶部，则不会出现。至少如果它确实出现了，它就太微弱了，我希望它更明显一些。我已经尝试定位多个不同的类，但是当它位于页面的最顶部时，我无法让它在标题下正确显示。

如果有人可以使用检查元素来看看这个，我将不胜感激。

谢谢，

【问题讨论】：

标签： html css wordpress inspect

【解决方案1】：

你应该这样使用

偏移-x |偏移-y |模糊半径|扩散半径 |颜色

box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);

参考：https://developer.mozilla.org/en-US/docs/Web/CSS/box-shadow#syntax

【讨论】：

【解决方案2】：

要在顶部定位时进行区分，您可以在元素样式中添加边框底部，如下所示：

element.style {
    border-bottom: 5px ridge grey;
}

要在向下滚动时进行区分，您可以像这样增强边框阴影：

.fl-page-nav-right .fl-page-header-wrap {
          box-shadow: 0px 10px 10px grey;
 }

【讨论】：

【解决方案3】：

尝试关注，希望对你有帮助

header.fl-page-header {

    box-shadow: rgb(50 50 93 / 25%) 0px 50px 100px -20px, rgb(0 0 0 / 30%) 0px 30px 60px -30px, rgb(10 37 64 / 35%) 0px -2px 6px 0px inset;
   
}

【讨论】：