我希望背景具有一组不同的颜色。尝试了下面的测试代码，即可完成工作。
<html>
<head>
<style>
body {
background: linear-gradient(to right, orange 70%, grey 30%);
}
</style>
</head>
<body> </body>
</html>
我还希望图像位于右上角（无重复），该图像应位于上述背景色之上。
<html>
<head>
<style>
body {
background: url('my_image.png'), linear-gradient(to right, orange 70%, grey 30%);
background-position: top right;
background-repeat: no-repeat;
}
</style>
</head>
<body> </body>
</html>
但是，当我这样做时，背景颜色（渐变）在顶部变成一条细条。问题在于无重复选项。我不希望图像重复，但是我希望背景色（以线性渐变设置）一直到正文结束。
我如何做到这一点？
放下笔或屏幕截图
但是为什么不将他们归为不同的父母