Html 徽标不完整,背面图像
我有一个带有Html 徽标不完整,背面图像,html,css,background-image,Html,Css,Background Image,我有一个带有背景的logo:url(/img/logo.png)中心不重复 这是我的代码: nav.navigation a.logo{ 宽度:200px; 高度:40px; 显示:内联块; 背景:url(/img/logo.png)中心不重复; 背景位置y:-13px; 背景大小:100%; 边缘顶部:10px; 边缘底部:9px; 左边缘:-3%; 浮动:左; } 这似乎适合我 我必须去掉边缘-3%,背景-13px a.logo{ 宽度:200px; 高度:40px; 显示:内联块; 背
背景的logo:url(/img/logo.png)中心不重复代码>
这是我的代码:
nav.navigation a.logo{
宽度:200px;
高度:40px;
显示:内联块;
背景:url(/img/logo.png)中心不重复;
背景位置y:-13px;
背景大小:100%;
边缘顶部:10px;
边缘底部:9px;
左边缘:-3%;
浮动:左;
}
这似乎适合我
我必须去掉边缘-3%,背景-13px
a.logo{
宽度:200px;
高度:40px;
显示:内联块;
背景:url(https://imgplaceholder.com/100x20)中心不重复;
背景大小:100%;
边缘顶部:10px;
边缘底部:9px;
浮动:左;
边框:1px纯蓝色;
}
您需要删除背景位置-y:-13px代码>因为它无效,
对于圆形,尝试查找是否有其他元素隐藏了顶部的徽标图片
a.logo{
宽度:200px;
高度:40px;
显示:内联块;
背景:url(http://via.placeholder.com/350x150)中心不重复;
背景大小:100%;
边缘顶部:10px;
边缘底部:9px;
浮动:左;
}
您的问题中缺少一些信息,但我将尝试以一种通用的方式提供帮助,看看您是否能够解决这个问题
由于您将背景位置设置为-3px
,因此您的圆被切割。将其移除,它将不再被切割
我不知道你照片的规格。如果是200 x 40,那么您可以使用背景大小:100%
。否则,您可能需要添加背景图像:contain
,以确保它始终完全显示
这里有一个红色背景的示例,这样您就可以知道div在哪里,还有一个不是200x40px的图像
nav.navigation a.logo{
宽度:200px;
高度:40px;
显示:内联块;
背景:红色url(http://placekitten.com/g/350/250)中心不重复;
背景尺寸:包含;
边缘底部:9px;
左边缘:-3%;
浮动:左;
}
请同时添加您的HTML-我们希望看到一个更快速的解决方案。这是我的标志HTML,先生,是背景图像的圆圈部分吗?如果是这样的话,只需使徽标的尺寸与图像的尺寸一目了然,就可以定位背景-13px代码>-尝试将其设置为零。我不确定“顶部未满”是什么意思-您有一个200px x 40px的容器-您的图像大小是多少?如果我删除背景-position-y:-13px;标志不在顶部,先生:(如果是这样的话,你的容器中的CSS会对其产生影响。请提供一个包含容器和容器完整CSS的示例。徽标位于我的示例顶部,它基于你的HTML。如果它在你的网站中不起作用,则意味着你没有向我们提供完整的图片。这就是为什么y您需要创建一个