html - 带背景的 div 不会显示

Question

好的，这就是我要打印的内容：

<a href=\"portfoliodetail.php?id=$id\" class=\"noHover\" title=\"$title\">
     <div class=\"thumbnailHome\" style=\"background: url('images/portfolio/thumbnails/$bgthumbnail'); background-position: center center;\">f</div>
</a>

这是CSS：

.thumbnailHome {
    max-width: 28%;
    height: 100%;
    margin-right: 7%;
    opacity: 0.4;
    filter: alpha(opacity=40);
    float: left;
    margin-bottom: 40px;
}

.thumbnailHome a:last-child {
    margin-right: 0%;
}

但是，打印的 div 不会显示。当我检查元素时，它说高度和宽度都是 0。当我在其中放入一些文本时，div 和背景显示，但仅与文本一样大。

我给它的最大宽度为 28，所以我可以让三个 div 彼此相邻（如果屏幕变小它们会缩放）。我想保留这个未来，但我不知道如何解决这个问题以便 div 出现？我不明白为什么宽度和高度都是0？

链接到小提琴http://jsfiddle.net/R4mGY/

Answer 1

也许这会有所帮助。

您的 CSS 放置不正确。

看看 jsFiddle。

a:last-child div {
    margin-right: 0%;
}

http://jsfiddle.net/4fuzm/

更新代码
以下代码在没有文本时有效。

http://jsfiddle.net/4fuzm/2/