Javascript 有可能有2个渐变背景吗？

我试图有一个500像素乘200像素的div，有两个线性梯度背景。我已经试过了

style="background-color: #000000; 
       background-image: linear-gradient(400deg, #000000 0%, #ffffff 74%), linear-
       gradient(350deg, #000000 74%, #ffffff 0%);
       background-size: 100px 80px;
       background-position: bottom right, top left;
       background-repeat: no-repeat, repeat;"

但这只给了我最后一张背景图片。（虽然我没有换行符，但我做了上述操作，我加入了换行符以使阅读代码更容易）

---

一个分区可以有两个线性渐变背景吗？

你需要为每个分区定义一个大小和位置。我个人会使用两个ID不同的分区，并使用z索引和绝对和相对位置。很可能有两个或更多线性渐变组成一个背景图像。您的CSS正在创建黑白锯齿效果-您的目标是什么？我的目标是在div的一半上有黑白锯齿效果，在另一半上有一个线性渐变黑白或（反之亦然）