【问题标题】:how can I set the css box-shadow property to overlap images? [closed]如何将 css box-shadow 属性设置为重叠图像? [关闭]
【发布时间】:2020-05-06 21:28:57
【问题描述】:

我正在尝试让导航栏的框阴影效果与图像重叠。
这是示例网站:https://codesandbox.io/s/thirsty-cannon-8c3kh?file=/public/index.html
它适用于文本但不适用于图像。
任何帮助将不胜感激。

【问题讨论】:

  • 据我在您的演示中看到的,盒子阴影效果很好。不过,不透明度 (.15) 有点低。也许您只是看不到阴影,因为它很轻且不透明度很低?
  • 你在几个浏览器中对比过吗?因为它对我有用,据我所知。该问题的屏幕截图也很好。
  • 只需更改参数 - 在屏幕截图中可以清楚地看到。 i.stack.imgur.com/yZ7Hk.jpg

标签: html css shadow overlap box-shadow


【解决方案1】:

正如您在图像上看到的,box-shadow 正在工作。是的,问题很可能在于不透明。

[盒子阴影] https://i.stack.imgur.com/hOkSP.png

【讨论】:

  • navBarHeader 不应该有阴影。唯一的阴影附加到 navBar 类。所以我想要做的是将 box-shadow 属性分配给导航栏,该属性是固定的,允许网站的其余内容滚动
  • 查看我的第二个答案和屏幕。
猜你喜欢
  • 1970-01-01
  • 2018-02-04
  • 1970-01-01
  • 1970-01-01
  • 2013-06-07
  • 2019-01-30
  • 2021-10-13
  • 2014-10-14
  • 1970-01-01
相关资源
最近更新 更多