Question

我有一个模态演示here（小提琴）......

出现时，会显示模态窗口的背景图像。但是，在下面的代码中，您将看到我有关闭窗口功能的背景图像。它没有出现，我不明白为什么。 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没有内容，因此您需要添加height和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可能太多了

CSS背景图片不起作用

1 个答案: