Question

CSS中是否有一种方法可以在不使用url（）的情况下包含背景

前，我不能这样做：

#blah {
    background:url("either image or image data");
}

是否有解决方法，我可以实现相同的目的但不使用关键字“url”（禁止使用“url”一词。

Answer 1

您可以使用<img>标记作为背景图片，CSS中不需要网址。像这样：

HTML

<img src="image.jpg" class="bg">
<div id="page-wrap">
</div>

CSS

img.bg {
    min-height: 100%;
    min-width: 1024px;
    width: 100%;
    height: auto;
    position: fixed;
    top: 0;
    left: 0;
}

@media screen and (max-width: 1024px) {
    img.bg {
        left: 50%;
        margin-left: -512px;
    }
}

请点击此处了解更多信息和演示：http://css-tricks.com/perfect-full-page-background-image/

Answer 2

不，你不能。这就是CSS在包含外部内容时的工作方式。禁止在网络上关键字网址是一件相当奇怪的事情。

Answer 3

没必要弄得这么复杂！！！

解释如下：使用 url() 值时，您有三个选择：

基于 CSS 文件根域的相对路径 - 以斜杠 (/) 开头，如上所示
基于 CSS 文件直接目录的相对路径 — 无斜杠 (url(path/to/image.png) )
绝对网址，如果您要链接到外部资源 — url(http://example.com/path/to/image.png)

来源：https://html.com/attributes/body-background/

所以基本上，如果你的图像在文件夹图像中，在文件夹样式旁边（你的 css 文件可能在其中），这是你需要做的： 背景：url(../images/Chat.jpg) ../ 表示您返回到当前文件夹/工作场所的上一层。

这是我使用的：

background: url(../images/Chat.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;

不使用url的CSS背景

3 个答案: