Css 联系人表单7文本区域内的背景图像

我试图在联系人表单的文本区域中添加背景图像。问题是，一旦调整浏览器的大小，图像就会被切断，这意味着它与文本区域框并不完全匹配。我希望文本区域显示整个图像，并通过调整浏览器大小来调整其大小。不确定是否有解决方案

这是我的密码

#contactfooter {
    background-color: rgba(76, 73, 73, 0.44);
    color: rgb(183, 181, 181);
    border: 1px solid #676363;
    padding: 5px;
    width: 100%;
}

textarea#contactfooter {
background-color: rgba(76, 73, 73, 0.44);
background: url(https://psycheseminars.com/wp-content/uploads/2016/08/textback.jpg);
}

这是这一页

---

联系人表单位于页脚中

您可以通过设置textarea的background size属性来显示整个图像，但由于图像的尺寸，因此图像不会覆盖整个背景，除非将background repeat设置为no repeat（不重复），否则剩余的空间将用repeat（重复）填充。然而，我认为在这种情况下，重复会更可取。。。无论如何，您可以自己使用它，但要回答如何显示整个图像的具体问题，只需将文本区域的css更改为：

textarea#contactfooter {
    background-color: rgba(76, 73, 73, 0.44);
    background: url(https://psycheseminars.com/wp-content/uploads/2016/08/textback.jpg);
    background-size: contain;
}

此外，您还可以将“背景位置”设置为“居中”，将“背景重复”设置为“不重复”，以仅使一个图像居中，但这同样取决于您希望它的外观：

textarea#contactfooter {
    background-color: rgba(76, 73, 73, 0.44);
    background: url(https://psycheseminars.com/wp-content/uploads/2016/08/textback.jpg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

---

你能试试下面的代码吗

textarea#contactfooter {
   background-size: cover;
   background-position: 50%;
}

---

我已经做过很多次了，但是因为我没有足够的权力，我的选票还没有计算在内。