不使用 url 的 CSS 背景

Question

有没有办法在 CSS 中包含背景而不使用 url()

例如，我不能这样做:

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

有没有一种解决方法可以实现相同的目的但不使用关键字“url”(禁止使用“url”一词。

Answer 1

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

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/