gpt4 book ai didi

html - 具有固定背景附件的非矩形 block

转载 作者:行者123 更新时间:2023-11-28 10:13:58 26 4
gpt4 key购买 nike

问题是:v 型底部,如 here .我需要修剪 block 的 Angular ,留下固定背景(背景附件:固定),使其保持可滚动并通过 v 形底部可见。此外, Angular 必须固定在每个相同的 block 中(svg 掩码对我没有帮助,因为它具有可扩展性)。 block 的高度不同。

这几天我一直在努力解决这个问题...有人能帮忙吗?...

PS:屏幕截图中的两个 block (黄色和深色)仅在内容和背景图像上有所不同,因此它们都有固定背景的 v 型三 Angular 形底部。

编辑:需要跨浏览器支持。

最佳答案

我尝试使用 clip-path: polygon(0 0,100% 0,100% 80%,50% 100%,0 80%);唯一的问题是你不能说从底部算起 60px。

这是一个Fiddle

关于html - 具有固定背景附件的非矩形 block ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24283925/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com