文章/答案/技术大牛

发布

社区首页 >问答首页 >如何修复与标题阴影重叠的图像？

问如何修复与标题阴影重叠的图像？
EN

Stack Overflow用户

提问于 2019-08-13 17:25:11

回答 2查看 69关注 0票数 1

我正在使用unbounce.com，并创建了一个带有自定义CSS选项的阴影。来自下面部分的图像与来自header元素的阴影重叠。我需要做些什么来改变这个问题？

这是我用来创建阴影的代码：

#lp-pom-block-11-color-overlay {
        -webkit-box-shadow:
          0 0.063rem 0.313rem rgba(0,0,0,0.2), 
          0 0.188rem 0.25rem rgba(0,0,0,0.12), 
          0 0.125rem 0.25rem rgba(0,0,0,0.14)
  }

css

html

回答 2

Stack Overflow用户

回答已采纳

发布于 2019-08-13 17:40:51

使#lp-pom-block-11-color-overlay的div值大于z-index下的值。除static外，z-index属性始终与position一起使用

#lp-pom-block-11-color-overlay {
        -webkit-box-shadow:
          0 0.063rem 0.313rem rgba(0,0,0,0.2), 
          0 0.188rem 0.25rem rgba(0,0,0,0.12), 
          0 0.125rem 0.25rem rgba(0,0,0,0.14);
          position: relative;
          z-index: 9;
  }

票数 1

Stack Overflow用户

发布于 2019-08-13 17:27:28

使用z-index属性将它们堆叠起来，以克服重叠的问题。

More Info

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/57474783

复制

相似问题

问如何修复与标题阴影重叠的图像？
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何修复与标题阴影重叠的图像？EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何修复与标题阴影重叠的图像？
EN