我想问一下如何仅使用html和CSS创建80个背景?

我试过这样做,但得到了这个结果:

.bottom-background {
background-size: 100px 100px;
background-image: linear-gradient(to right, green 2px, transparent 2px), linear-gradient(to bottom, green 2px, transparent 2px);
width: 100%;
height: 50vh;
bottom: 0;
position: absolute;
perspective: 20px;
transform: rotateX(45deg);
}Run Code Online (Sandbox Code Playgroud)
<div class="bottom-background"></div>Run Code Online (Sandbox Code Playgroud)
我想像第一张图片一样居中。
我希望我能帮助您解决在 Shopware 6 中遇到的有关将已删除的商品保存到购物车中的问题。
在我当前的实现中,我使用 CartProcessorInterface 并在收集函数中添加行项目。但是,我遇到了一个问题,如果用户从购物车中删除这些商品,它们会在页面重新加载或购物车重新加载时重新添加。
我渴望找到一种解决方案来防止用户删除这些项目后再次添加它们。是否有一种方法或途径来存储商品已从购物车中删除且不应再次添加的信息?
预先感谢您的帮助!
当我尝试覆盖 buy-widget.html.twig 文件时。Shopware 什么也不做。只有索引覆盖有效。但不是子文件。我的代码是:
{% sw_extends '@Storefront/storefront/page/product-detail/buy-widget.html.twig' %}
{% block page_product_detail_buy_form %}
<h1 style="background: green;">Test</h1>
{% endblock %}
Run Code Online (Sandbox Code Playgroud)
为什么这不起作用?