html - 在HTML页面中添加类似于atom io的图片背景

Question

我想知道如何atom.io网站已经有了它的背景。当我检查来源时，没有图像链接。当我 R-Click 图片时，我也无法保存它。

我可以知道如何在我正在开发的网站上获得类似的功能吗？

Answer 1

他们使用 <div>带有 CSS 背景图片。

如果您想做类似的事情，请写下您的 div喜欢:

<div class="mybackground"></div>

并将此 CSS 写入您的样式表:

.mybackground {
    height: 590px;
    background-image: url("yourimage.png");
    background-position: 50% 0;
    background-size: auto, auto 100%;
}