Html 背景图像未覆盖网页背景

Html 背景图像未覆盖网页背景,html,css,Html,Css,#bg{ 位置:固定; 排名:0; 左:0; /*保持杨木比率*/ 最小宽度:100%; 最小高度:100%; } navbar先生{ 背景色:#000000; 边框颜色:1px纯色#000000; } .卡盒{ 边界半径:2.5雷姆; 垫底:10px; 边缘顶部:25px; 背景色:#000000b0; 盒影:1px 1px 5px 1px灰色; } .投资组合项目{ /*高度:250px*/ 文本对齐:居中; } .行{ 边际:0px; } h3{ 利润率:10px; } .app_rstu

#bg{
位置:固定;
排名:0;
左:0;
/*保持杨木比率*/
最小宽度:100%;
最小高度:100%;
}
navbar先生{
背景色:#000000;
边框颜色:1px纯色#000000;
}
.卡盒{
边界半径:2.5雷姆;
垫底:10px;
边缘顶部:25px;
背景色:#000000b0;
盒影:1px 1px 5px 1px灰色;
}
.投资组合项目{
/*高度:250px*/
文本对齐:居中;
}
.行{
边际:0px;
}
h3{
利润率:10px;
}
.app_rstudio、.app_rstudio-super{
左边距:15%;
}
.fa、.far、.fas、.fab{
字体大小:96px;
颜色:#55b0ff;
利润率:15px;
}

在这种情况下,如果您使用的设备是纵向的,背景将不会填满屏幕

尝试将此添加到您的样式中:

html {
 min-height:100%; 
}

在这种情况下,如果您使用的设备是纵向的,则背景不会填充屏幕

尝试将此添加到您的样式中:

html {
 min-height:100%; 
}

问题在于您的本地文件路径,因为添加url时,它可以正常工作,如下所示:


身体{
背景色:#333;
背景图像:url(“https://images.unsplash.com/photo-1558481795-7f0a7c906f5e?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=1373&q=80“;
背景尺寸:封面;
背景重复:无重复;
背景附件:滚动条;
背景位置:上中;
颜色:rgb(202202202);
宽度:100%;
身高:1600%;
z指数:-1;
}
navbar先生{
背景色:#000000;
边框颜色:1px纯色#000000;
}
.卡盒{
边界半径:2.5雷姆;
垫底:10px;
边缘顶部:25px;
背景色:#000000b0;
盒影:1px 1px 5px 1px灰色;
}
.投资组合项目{
/*高度:250px*/
文本对齐:居中;
}
.行{
边际:0px;
}
h3{
利润率:10px;
}
.app_rstudio、.app_rstudio-super{
左边距:15%;
}
.fa、.far、.fas、.fab{
字体大小:96px;
颜色:#55b0ff;
利润率:15px;
}

问题必须出在您的本地文件路径上,因为当添加url时,它可以正常工作,如下所示:


身体{
背景色:#333;
背景图像:url(“https://images.unsplash.com/photo-1558481795-7f0a7c906f5e?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=1373&q=80“;
背景尺寸:封面;
背景重复:无重复;
背景附件:滚动条;
背景位置:上中;
颜色:rgb(202202202);
宽度:100%;
身高:1600%;
z指数:-1;
}
navbar先生{
背景色:#000000;
边框颜色:1px纯色#000000;
}
.卡盒{
边界半径:2.5雷姆;
垫底:10px;
边缘顶部:25px;
背景色:#000000b0;
盒影:1px 1px 5px 1px灰色;
}
.投资组合项目{
/*高度:250px*/
文本对齐:居中;
}
.行{
边际:0px;
}
h3{
利润率:10px;
}
.app_rstudio、.app_rstudio-super{
左边距:15%;
}
.fa、.far、.fas、.fab{
字体大小:96px;
颜色:#55b0ff;
利润率:15px;
}

添加一个片段来重现问题您是说一个可重复性最低的示例吗?我对CSS和HTML几乎一无所知。你的身体元素是100%宽还是100%高?如果它没有包含足够的内容,它将不会填满整个屏幕。编辑问题,按下按钮,并在相关页面中添加代码sections@LelioFaieta我可以将CSS代码在
之间移动到CSS部分吗?添加一个片段来重现问题,或者说是一个可重复性最低的示例?我对CSS和HTML几乎一无所知。你的身体元素是100%宽还是100%高?如果它没有包含足够的内容,它将不会填满整个屏幕。编辑问题,按下按钮,并在相关页面中添加代码sections@LelioFaieta我可以将
之间的CSS代码移动到CSS部分吗?这很有效。另外,对于使用Docker的用户,不要忘记重建图像。这很有效。另外,对于使用Docker的用户,不要忘记重建图像。