html - 为 DIV 设置背景图片

Question

我有一个 div，我需要在 CSS 文件中为其设置背景图片:

模板:

<div class="myBG">  Some Text Here </div>

CSS:

.myBG{
    background-image: url('ImageURL');
    color: #00FA9A;
    font-family:Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
    width: 100%;
    height: 100%;
}

要设置 ImageURL 我尝试了 Web 链接以及磁盘上图像的链接，但它不起作用，而且我的 div 没有任何背景。你能找出我的代码有什么问题吗？

Answer 1

需要定位背景例如:background: blue url("ImageURL.png") no-repeat center center; ，用background-size指定背景的大小: cover; 或用像素代替 cover，确保 div 的计算 width 和 height 值 不是 0 并且在尝试从服务器获取图像时没有 404 错误。