Question

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

可能是什么问题？我确实需要doctype。

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：

<!DOCTYPE html>

Answer 1

我认为它与您的CSS宽度和高度声明有关，而在它的末尾没有'px'。

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

Answer 2

问题在于HTML5，HTML4严格要求单位值，否则忽略它们。您需要将px添加到所有位置高度和宽度数字的末尾。阿列克谢也指出你的网址也需要在他们周围加上引号。

Answer 3

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

background: url("orange.png") no-repeat center center;

将doctype添加到网页时，图片无法加载

3 个答案: