Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/35.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)_Html_Css - Fatal编程技术网

不会显示背景图像(HTML)

不会显示背景图像(HTML),html,css,Html,Css,我无法显示背景图像。我认为添加最小宽度可能会使图像在非常小的情况下可见,但这不起作用。我已经查过网址了。如果直接放在身体里,它就像正常的图像一样工作 HTML: 背景图像中图像路径的格式为url。。。不是url 所以你的线路应该是 background-image: url(http://files.vividscreen.info/soft/fc5e9b0dc8833c69951d28bb856b9ef4/Decorated-Easter-Eggs-2880x1920.jpg); 这是你的c

我无法显示背景图像。我认为添加最小宽度可能会使图像在非常小的情况下可见,但这不起作用。我已经查过网址了。如果直接放在身体里,它就像正常的图像一样工作

HTML:


背景图像中图像路径的格式为url。。。不是url

所以你的线路应该是

background-image: url(http://files.vividscreen.info/soft/fc5e9b0dc8833c69951d28bb856b9ef4/Decorated-Easter-Eggs-2880x1920.jpg);
这是你的css

.main {
color: black;
font-size: 60px;
position: relative;
top: 150px;
background-image: url (http://files.vividscreen.info/soft/fc5e9b0dc8833c69951d28bb856b9ef4/Decorated-Easter-Eggs-2880x1920.jpg);
min-width: 100%;
height: 900px;
border: 2px solid red;
padding-top: 100px;
}
url和url之间有空格http://files.vividscreen.info/soft/fc5e9b0dc8833c69951d28bb856b9ef4/Decorated-Easter-Eggs-2880x1920.jpg; 在背景图像中:。删除空间,它应该可以工作。

我认为应该使用bakground图像属性,而不是内容


您好,只需删除背景图像:url之前的空格,然后检查其代码如下,并在中关闭div标记

* { 保证金:0; 填充:0; } 背{ 背景:白色; } 壁虎{ 内容:urlhttp://www.unixstickers.com/image/data/stickers/opensuse/Opensuse-logo-wob.sh.png; 高度:128px; 宽度:128px; 位置:相对位置; 浮动:左; 左边距:10px; } 保险商实验室{ 列表样式类型:无; 保证金:0; 填充:0; 显示:内联; } 李{ 显示:内联; 左侧填充:50px; 最小宽度:100% } .导航{ 颜色:黑色; 字母间距:2px; 浮动:对; 垂直对齐:顶部; 宽度:800px; 高度:70像素; 边缘顶部:47px; 最小宽度:800px; 左侧填充:150px; 位置:绝对位置; } 梅因先生{ 背景:rgba0,0,0,0urlhttp://files.vividscreen.info/soft/fc5e9b0dc8833c69951d28bb856b9ef4/Decorated-Easter-Eggs-2880x1920.jpg 重复滚动0; 边框:2倍纯红; 颜色:黑色; 字体大小:60px; 高度:900px; 最小宽度:100%; 填充顶部:100px; 位置:相对位置; 顶部:150px; }

商店 关于我们 租金 联系 聚会 我们的蛋
您应该在属性周围使用引号,例如:PS。内容:可能不应该与img标记一起使用。您有许多语法错误。请修复这些问题,它将工作您的div是不正确的,没有必要的背景img检查下面的代码
background-image: url(http://files.vividscreen.info/soft/fc5e9b0dc8833c69951d28bb856b9ef4/Decorated-Easter-Eggs-2880x1920.jpg);
.main {
color: black;
font-size: 60px;
position: relative;
top: 150px;
background-image: url (http://files.vividscreen.info/soft/fc5e9b0dc8833c69951d28bb856b9ef4/Decorated-Easter-Eggs-2880x1920.jpg);
min-width: 100%;
height: 900px;
border: 2px solid red;
padding-top: 100px;
}
background-image:url(http://files.vividscreen.info/soft/fc5e9b0dc8833c69951d28bb856b9ef4/Decorated-Easter-Eggs-2880x1920.jpg);
background-image: url(http://files.vividscreen.info/soft/fc5e9b0dc8833c69951d28bb856b9ef4/Decorated-Easter-Eggs-2880x1920.jpg);