Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/75.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html CSS-背景图像_Html_Css - Fatal编程技术网

Html CSS-背景图像

Html CSS-背景图像,html,css,Html,Css,这个问题可能很傻,但因为我正试图使用我最近购买的域名将我的网站上线,所以背景图像似乎根本没有加载 有什么想法吗 身体{ 保证金:0; 背景图片:urlhomepage1.jpg; 背景尺寸:封面; 字体系列:“巴黎人”,草书; 背景重复:无重复; } navbar先生{ 背景色:无; 宽度:100%; 高度:30px; 填充顶部:0; 文本对齐:居中; } 纳瓦尔先生{ 填充:20px; 字号:2.0em; 颜色:黑色; 文字装饰:无; } .navbar a:悬停:未激活{ 颜色:B2222

这个问题可能很傻,但因为我正试图使用我最近购买的域名将我的网站上线,所以背景图像似乎根本没有加载

有什么想法吗

身体{ 保证金:0; 背景图片:urlhomepage1.jpg; 背景尺寸:封面; 字体系列:“巴黎人”,草书; 背景重复:无重复; } navbar先生{ 背景色:无; 宽度:100%; 高度:30px; 填充顶部:0; 文本对齐:居中; } 纳瓦尔先生{ 填充:20px; 字号:2.0em; 颜色:黑色; 文字装饰:无; } .navbar a:悬停:未激活{ 颜色:B22222; } .网页{ 填充顶部:15px; } 欢迎光临{ 颜色:黑色; 字体大小:30px; 文本对齐:居中; } 欢迎您{ 字体大小:50px; } 特雷西和乔纳森的婚礼 2018年8月16日


您的homepage1.jpg应与IDontKnowTheName.css位于同一文件夹中。如果不是,您可以将其移动到那里,或者执行subfolder/subfolder/../homepage1.jpg,或者您可以使用../

进入文件夹。图像位于文件夹中,您必须放置路径才能到达图像,因此示例-背景图像:urlfolder name/folder name/homepage1.jpg-文件夹名称将是图像所在文件夹的名称。你也可以这样做背景图片:url../homepage1.jpg

这是我添加您的编码时得到的结果-顺便说一下,做得不错。 下面是我获取这张图片的编码-背景图片:urlmages/free%20images/pixabay/水龙头-1684902_640.jpg

希望这有帮助,如果没有,请告诉我文件夹结构1

index.html 主页1.jpg 样式表 然后背景图像url将被删除

background-image: url("homepage1.jpg");
background-image: url("images/homepage1.jpg");
background-image: url(../images/homepage1.jpg");
文件夹结构

index.html 图像文件夹 主页1.jpg 样式表 然后背景图像url将被删除

background-image: url("homepage1.jpg");
background-image: url("images/homepage1.jpg");
background-image: url(../images/homepage1.jpg");
文件夹结构2

index.html 图像文件夹 主页1.jpg 样式文件夹 样式表 然后,背景图像url将被删除

background-image: url("homepage1.jpg");
background-image: url("images/homepage1.jpg");
background-image: url(../images/homepage1.jpg");

还要比较实际图像名称和背景图像url。

查看css文件位置!
如果不起作用,请按F12键并选择Console,然后截图并将其放在此处。

您的图像文件是否在.css文件旁边?请使用浏览器的开发工具找出问题所在。图像需要位于css文件夹内。我认为您的图像文件夹不正常,请检查文件夹路径。因为当我使用图像cdn时,它可以正常工作。这不是问题。图像可以与或“”配合使用: