0

我需要在doctype我的 html 网页中添加一个，因为如果我这样做，IE 只会正确格式化它。但是当我添加它时，页面上的一些图像没有加载。图像嵌入了 CSS 背景属性，并以divs 的形式显示在屏幕上。它不会在所有常见的浏览器中加载图像。

可能是什么问题呢？我真的需要doctypeup。

CSS：

.blue {
    position: absolute;
    background: url(blue.png) no-repeat center center;
    top: 163;
    width: 228;
    height: 434;
}

.green {
    position: absolute;
    background: url(green.png) no-repeat center center;
    top: 120;
    width: 266;
    height: 209;
}

.orange {
    position: absolute;
    background: url(orange.png) no-repeat center center;
    top: 183;
    width: 165;
    height: 291;
}

HTML：

<div class="blue"> </div>
<div class="green"> </div>
<div class="orange"> </div>

顶部的文档类型：

<!DOCTYPE html>
4

3 回答 3

3

我认为这与您的 CSS 宽度和高度声明的末尾没有“px”有关。

您能否检查<div>元素是否以宽度和高度呈现以显示背景图像？

于 2012-06-21T00:51:59.087 回答
1

问题在于 HTML5，它和 HTML4 一样严格要求值单位，否则它们会被忽略。您需要添加px到所有位置高度和宽度数字的末尾。Alexei 指出您的网址也需要在它们周围加上引号，这也是正确的。

于 2012-06-21T01:02:18.827 回答
0

不是必需的，但很高兴拥有：您缺少 Url 周围的引号：http: //www.w3.org/TR/CSS2/colors.html#propdef-background-image

background: url("orange.png") no-repeat center center;
于 2012-06-21T00:43:12.777 回答