请问!DOCTYPE html 的声明对<background-attachment>的影响是啥原理?

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

已注册用户请登录

这是一个创建于 2780 天前的主题，其中的信息可能已经有所发展或是发生改变。

css 如下:

body {background-image: url(D:/HTML/google.jpg);
background-repeat: no-repeat;
background-position: center;
}

在头行不写!DOCTYPE html 的声明

<html>
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>
<body>
</body>
</html>

产生的效果如图: 猜测可能是这里的中间是指经存在的段行的中间 所以就

<html>
<head>
<link rel="stylesheet" type="text/css" href="D:\HTML\mystyle.css"/>
</head>
<body>
保持 position=center,输入文本
这里有好几个 br,没法保留源代码格式..
插入多个换行后
</body>
</html>

产生的效果是我的猜想应该是对的吧... 然而如果去掉!DOCTYPE html 的声明则即使是空文本,也会使图片自动处于屏幕中间的位置 这是 html5 的新特性么?在加入开头的声明下,应该怎么实现让图案自动到达屏幕中间?
谢谢

HTML

DOCTYPE

CSS

3 条回复 • 2016-10-06 19:24:41 +08:00

xiaopc

2016-10-06 18:24:24 +08:00 via Android

不声明的话浏览器用的是怪异模式吧

Newyorkcity

2016-10-06 19:01:31 +08:00

@xiaopc 那如果声明了 html5...应该怎么把图片放到屏幕中央呢?谢谢.

loading

2016-10-06 19:24:41 +08:00 via Android

@Newyorkcity

top 50%
margin-top -图片一半高度