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

2016-10-06 17:53:54 +08:00
 Newyorkcity

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 的新特性么?在加入开头的声明下,应该怎么实现让图案自动到达屏幕中间?
谢谢

1420 次点击
所在节点    问与答
3 条回复
xiaopc
2016-10-06 18:24:24 +08:00
不声明的话浏览器用的是怪异模式吧
Newyorkcity
2016-10-06 19:01:31 +08:00
@xiaopc 那如果声明了 html5...应该怎么把图片放到屏幕中央呢?谢谢.
loading
2016-10-06 19:24:41 +08:00
@Newyorkcity

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

这是一个专为移动设备优化的页面（即为了让你能够在 Google 搜索结果里秒开这个页面），如果你希望参与 V2EX 社区的讨论，你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/310850

V2EX 是创意工作者们的社区，是一个分享自己正在做的有趣事物、交流想法，可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX