reactjs 无法在React中的登录页面上添加背景图像[已关闭]

4ioopgfo  于 2022-12-03  发布在  React
关注(0)|答案(1)|浏览(141)

已关闭。此问题需要details or clarity。当前不接受答案。
**想要改进此问题吗?**通过editing this post添加详细信息并阐明问题。

2天前关闭。
Improve this question
我正在努力把我的登录页面上的背景图像在我的新项目,但我只是不能添加它
[这是登录样式.css] enter image description hereenter image description here
我试着在js文件中创建一个div,在css中,我为该div名称插入了一个带有在线照片的背景图像

wvt8vs2t

wvt8vs2t1#

确保你得到的链接指向一个图片的实际链接,而不是一个网站页面,有它存储在页面上的某个地方。
要获取存储图像的链接,请在浏览器中的任何图像上右键单击,然后单击复制图像链接。该链接应该可以在带有url参数的css中使用,如下所示:

.background-photo {
  width: 100vw;
  height: 50vh;
  background: url("https://media.istockphoto.com/id/1340824257/nl/foto/fog-white-clouds-or-haze-for-designs.jpg?s=1024x1024&w=is&k=20&c=GUhVvaw5KUMNCNjVPDHCNSiqj_4cn3BerymGgMHFi58=");
}

注意:如果要将图像显示为div而不是img元素的背景,请不要忘记指定元素的widthheight

相关问题