CSS Background Pic Not Showing [关闭]

irlmq6kh  于 2023-08-09  发布在  其他
关注(0)|答案(4)|浏览(112)

**已关闭。**此问题需要debugging details。它目前不接受回答。

编辑问题以包括desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem。这将有助于其他人回答这个问题。
4天前关闭。
Improve this question
按照HTML教程,在VSCODE上运行代码,但当我试图在谷歌上运行时,我在style.css脚本中指定的背景图片不显示;我只看到白色。我也刚刚开始使用VsCode,所以我可能在运行/调试过程中做错了什么。
CSS codeHTML code
我尝试添加和删除双引号,使用不同的链接添加,并从VsCode运行/调试。

4zcjmb1e

4zcjmb1e1#

检查图像的URL是否正确,我将与您分享此代码,它将工作:

height: 100vh;
  herewidth: 100%;
  background: linear-gradient rgba(0,0,0,.5) to rgba(3,3,3,.8);
  background-image: url(https://i.postimg.cc/MK9HQygq/pexels-negative-space-169573.jpg);
  background-size: cover;

字符串
我希望这对你有帮助。

bvpmtnay

bvpmtnay2#

你所附的图片不显示CSS你是使用背景图像的标题或机构?
正如其他人提到的,你没有提供正确的代码,只是想提一下假设你在CSS中正确应用了背景图像
你的style.css有正确的路径有这个那个文件吗?
1.如果你应用了背景图片的div没有宽度的高度,它将不会出现在浏览器中,所以请提到一些高度和宽度或添加内容。
1.你总是可以使用浏览器开发工具来检查你写的css是否被正确地应用,以及div/tag是否有内容或宽度高度。
1.图像不能帮助我们检查和指导您上传的图像显示HTML但询问有关CSS的问题

gg58donl

gg58donl3#

这里的问题很简单那就是你对background-image属性使用了错误的语法。您的url()位于linear-gradient()内部。
将你的background-image属性改为这样,希望你能得到想要的结果。

background-image: linear-gradient(rgba(4, 9, 30, .7), rgba(15, 72, 72, .7)), 
url("images/banner.jpeg");

字符串

ecfsfe2w

ecfsfe2w4#

background是其他属性的快捷方式,如-image -size -repeated等,因此您可以像这样将URL与背景组合:

div{  background: url("https://i.postimg.cc/MK9HQygq/pexels-negative-space-169573.jpg"), linear-gradient( rgba(0,0,0,.5), rgba(3,3,3,.8)); 
   }

字符串
还要注意你应该为url()添加单引号或双引号

相关问题