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

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您需要创建一个