背景图片未加载

图片无法显示在我的页面中。背景图片未加载

<div class="rating" style="width:25%;float:right;height:100px"> 
     <span class="truckIcon"> 
     <!-- <img src="../images/logo/favicon.png"> 
     </span> --> 
</div>

CSS：

.truckIcon{ 
    background-image: url(../images/icons/favicon.png);no-repeat !important; 
    width:80px; 
    height:80px; 
}

这是我的CSS路径：\ulmt\html\css\style.css
这是我的图片路径：\ulmt\html\images\icons\favicon.png

有什么不对吗？

来源

2017-10-16 krish

它应该阅读背景：网址（“...”）不重复重要或添加背景重复：不重复的背景图像 – slashsharp

的是一个内联元素。无论是块级元素还是内联块 – Krishna9960

您已经使用了span元素，这是一个内联元素。所以你的宽度和高度不会被应用在它上面。为了使它工作，添加一个名为display：inline-block的属性;

.truckIcon{background-image: url(../images/icons/favicon.png)no-repeat !important; 
    width:80px; 
    height:80px; 
    display: inline-block; 
}

来源

2017-10-16 07:07:01 Krishna9960

@JoostS我可以看看你做的工作吗？ – Krishna9960

只需点击我的个人资料... – JoostS

我没有得到你想说的 – Krishna9960

只是在不重复前删除分号。风格应该是

.truckIcon{background-image: url(../images/icons/favicon.png)no-repeat !important; 
 
    width:80px; 
 
    height:80px; 
 
}

来源

2017-10-16 07:06:11 ajit

删除分号;之前no-repeat从图像的URL在你的CSS，如：

.truckIcon { 
    background-image: url(../images/icons/favicon.png) no-repeat !important; 
    width:80px; 
    height:80px; 
}

希望这有助于！

来源

2017-10-16 07:06:20

.truckIcon是线元素，让你需要添加display:inline-block为一件事情background-image不no-repeat工作，让你需要添加background-repeat: no-repeat !important;

.truckIcon{ 
    background-image: url(../images/icons/favicon.png); 
    background-repeat: no-repeat !important; 
    width:80px; 
    height:80px; 
    display: inline-block; 
}

来源

2017-10-16 07:13:18

跨度是一个内联元素。所以你需要风格显示：块;或显示：inline-block; 还要取消你的亲密span标签img标签

.truckIcon{ 
    background-image: url(../images/icons/favicon.png)no-repeat !important; 
    width:80px; 
    height:80px; 
    display:inline-block; 
}

来源

2017-10-16 07:13:59

背景图像不支持不重复故有此尝试后：

.truckIcon{ 
    background: url(../images/icons/favicon.png) no-repeat !important; 
    width:80px; 
    height:80px; 
}

来源

2017-10-16 07:17:22

只是单纯地改变这个CSS将挑衅工作。

.truckIcon{background-image: url(../images/icons/favicon.png) no-repeat !important; 
 
width:80px; 
 
height:80px; 
 
display:inlin-block; 
 
}

来源

2017-10-16 07:19:45

背景图片未加载

回答

相关问题