如何使这两列部分保持在背景的顶部?

huangapple go评论93阅读模式
英文:

How can I make this two-column section stay on top of the background?

问题

我有这个问题,但我不知道为什么它不让我把卡片放在背景的上面,它们似乎像被合并在一起一样。

我该如何修复这个问题并将卡片放在背景的上面?我已经尝试过使用 z-index,将背景设置为0,将所有其他容器设置为1或更高,但没有效果。

这是我现在拥有的:

如何使这两列部分保持在背景的顶部?

这是我想要的:

如何使这两列部分保持在背景的顶部?

非常感谢。

英文:

I have this problem and I don't know why it won't let me put the cards on top of the background, they stay as if they were combined.

How can I fix this and position the cards on top of the background? I have already tried with the z-index, setting the background to 0, and all other containers to 1 or more and it does not come up.
Here's an image of what I have and how I want it.

What I have:

如何使这两列部分保持在背景的顶部?

What I want:

如何使这两列部分保持在背景的顶部?

Thank you so much.

答案1

得分: 1

@Seis,如果你正在使用像你发布的截图中的编辑器一样工作,你只需要提高每一列的z-index。

如何使这两列部分保持在背景的顶部?

点击列,然后选择高级或样式,将z-index字段中的数字提高,就像我的截图中所示。

参考链接:

https://web.dev/learn/css/z-index/

https://www.smashingmagazine.com/2009/09/the-z-index-css-property-a-comprehensive-look/

英文:

@Seis, if you are working with the editor like in the screenshot you posted, all you have to do is raise the z-index on each one of the columns.

如何使这两列部分保持在背景的顶部?

Click on the column, then Advanced or Style, and put a higher number in the z-index field, as shown in my screenshot.

References:

https://web.dev/learn/css/z-index/

https://www.smashingmagazine.com/2009/09/the-z-index-css-property-a-comprehensive-look/

huangapple
  • 本文由 发表于 2023年8月5日 10:24:35
  • 转载请务必保留本文链接:https://go.coder-hub.com/76839927.html
匿名

发表评论

匿名网友

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定