css - CSS背景图像不起作用

Question

我在这里有一个模态演示（小提琴）......

当它出现时，模态窗口的背景图像就会出现。但是，在下面的这段代码中，您会看到我有一个用于关闭窗口功能的背景图像。它没有出现，我不明白为什么。CSS 应该显示在右上角。

.reveal-modal .close-reveal-modal {
    background: #eee url(http://webfro.gs/south/kb2/images/broken_link.png) no-repeat;
    position: absolute;
    top: 50px;
    right: 100px;
    text-shadow: 0 -1px 1px rbga(0,0,0,.6);
    cursor: pointer;
    } 

Answer 1

您div没有内容，因此您需要添加一个heightand width：

.reveal-modal .close-reveal-modal {
    background: #eee url(http://webfro.gs/south/kb2/images/broken_link.png) no-repeat;
    position: absolute;
    top: 50px;
    right: 100px;
    text-shadow: 0 -1px 1px rbga(0,0,0,.6);
    cursor: pointer;
    height:50px;
    width:50px;
    } 

50px可能太多了