background-img没有高度或宽度？

-1

我使用一个CSS背景IMG。路径是正确的，但图像没有宽度或高度。background-img没有高度或宽度？

HTML: 
<button id="view-switcher-current" class="btn btn-small dropdown-toggle" data-toggle="dropdown"> 
<i class="icon-switcher-network"></i> Network 
</button> 
CSS: 
i.icon-switcher-network { 
    background-image: url('../img/view-network.png'); 
}

我可以看到，路径是通过检查元素和下面的链接正确的，但我也能看到图像由0像素具有0像素的尺寸，所以它实际上没有被加载。

我试过一堆东西，包括background-size: auto在图像上，并设置overflow: hidden在包含button，但没有任何东西似乎有所作为。

任何人都可以提出任何建议吗？

来源

2013-04-16 Richard

“这加载好吗？”“它实际上没有被加载”等待什么。 – BoltClock

@Ankit这就是为什么PIC没有显示 –

与0X0一个图像中没有任何数据会这样怎么能图像 – bugwheels94

你没有你的标签内的任何东西，而且标签是内联元素所以试试这个

i.icon-switcher-network { 
    background-image: url('../img/view-network.png'); 
    width: 16px; 
    height: 16px; 
    display: inline-block; /* <------ Add this here */ 
}

来源

2013-04-16 08:04:49

什么恰好给予同样的答案呢？谢谢你 - 在我回答:) – Pavlo

@PavloMykhalov你接着说：直列block'！唷。很快就会接受。 –

这工作 – Richard

你没有你的<i></i>标签内任何东西。

<i></i>标签内嵌所以它们的尺寸取决于它们的内容。如果您使用块级元素（如div）并给它一些尺寸，那么您将看到背景图像。

来源

2013-04-16 08:04:13

background-img没有高度或宽度？

回答

相关问题