And*_*w M 1 html css doctype strict
我正在尝试在html页面中的几个不同元素上设置背景颜色,但每当我应用doctype声明时,颜色都会被忽略.其他款式似乎不受影响.我确定我是个白痴.
它发生在IE7,FF3和Chrome上.使用严格和过渡的html 4 Doctype.身体和Div背景受到影响.下面是一个最小的例子.如果你删除了Doctype级别,那么它就会呈现出所有它的光彩夺目的荣耀,只有doctype - 单调乏味的黑色和白色.
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<style>
body{background-color:FF00FF;}
.class1{background-color:00FFFF;}
</style>
</head>
<body>
<div class="class1">Some Text</div>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)
顺便说一句 - 我没有使用XHTML,因为我想我曾经在一个酒吧里听到过一个比我自己更聪明的人之间的对话,他说你不应该声明XML,除非你的服务器上正确设置了mime类型.在我的廉价主机帐户上,我不能轻易做到这一点.
你忘记了#颜色值.
body {
background-color: #FF00FF;
}
.class1 {
background-color: #00FFFF;
}
Run Code Online (Sandbox Code Playgroud)
忽略颜色的原因是声明不正确.在怪癖模式下,解释更加轻松,尽管颜色不正确,但颜色仍被接受,但在符合标准的模式中,声明必须正确.
将FF00FF更改为#FF00FF,将00FFFF更改为#00FFFF.
#FF00FF也可以用#F0F的短格式写入,#00FFFF用#0FF写入.