Html 标题背景图像赢得';不显示
我有一个带有背景url的标题,但它不会显示。代码如下 理想的结果是标题有一个背景图像,上面显示徽标和导航。因此文本被写在背景图像上Html 标题背景图像赢得';不显示,html,css,image,header,Html,Css,Image,Header,我有一个带有背景url的标题,但它不会显示。代码如下 理想的结果是标题有一个背景图像,上面显示徽标和导航。因此文本被写在背景图像上 标题{ 高度:600px; 宽度:100%; 背景:url(“img/headerbg.jpg”)不包含重复内容; } .标题栏{ 显示器:flex; 证明内容:周围的空间; 对齐项目:居中; } .标志{ 宽度:10em; } 导航{ 垂直对齐:中间对齐; } 导航ul{ 列表样式:无; } 李国荣{ 显示:内联; } 海军ulli a{ 字体大小:1.2米;
标题{
高度:600px;
宽度:100%;
背景:url(“img/headerbg.jpg”)不包含重复内容;
}
.标题栏{
显示器:flex;
证明内容:周围的空间;
对齐项目:居中;
}
.标志{
宽度:10em;
}
导航{
垂直对齐:中间对齐;
}
导航ul{
列表样式:无;
}
李国荣{
显示:内联;
}
海军ulli a{
字体大小:1.2米;
颜色:#80797F;
填充:1em;
文字装饰:无;
}
导航ulli a:悬停{
颜色:#5CC6FF;
}
欢迎来到我们的演播室
很高兴认识你
告诉我更多
我认为html代码似乎是错的。。请关闭锚标签
<div class='logo'><a href='index.html'><img src="img/logo.svg" alt="Logo"></a></div>
请参见下面的代码
标题{
高度:600px;
宽度:100%;
背景:url(“https://image.shutterstock.com/image-photo/summer-beach-holiday-online-shopping-260nw-461355724.jpg)无重复;
背景尺寸:封面;
}
.标题栏{
显示器:flex;
证明内容:周围的空间;
对齐项目:居中;
}
.标志{
宽度:10em;
}
导航{
垂直对齐:中间对齐;
}
导航ul{
列表样式:无;
}
李国荣{
显示:内联;
}
海军ulli a{
字体大小:1.2米;
颜色:#80797F;
填充:1em;
文字装饰:无;
}
导航ulli a:悬停{
颜色:#5CC6FF;
}
欢迎来到我们的演播室
很高兴认识你
告诉我更多
试试这个:
<div class='logo'><a href='index.html'><img src="img/logo.svg" alt="Logo"></a></div>
几乎可以肯定,这是一个路径问题。尝试
url(“../img/headerbg.jpg”)
您没有关闭锚定标记
。也许它能解决问题这并不能解决问题你是在笔记本电脑上工作还是在服务器上工作?“封面”必须写在单独的属性中:背景尺寸:封面;试试这个:background:url(“../img/headerbg.jpg”)不重复;
<div class='logo'><a href='index.html'><img src="img/logo.svg" alt="Logo"></a></div>