英文:
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/
通过集体智慧和协作来改善编程学习和解决问题的方式。致力于成为全球开发者共同参与的知识库,让每个人都能够通过互相帮助和分享经验来进步。
评论