ogengs 发表于 2020-1-5 00:12

发现一个实现全屏封面的方法,不限多看

xhtml:
<body class="coverbackground">
<p> </p>
</body>

css:
.coverbackground {
background:               black;
background-image:         url(../Images/cover-background.jpg);
background-repeat:      no-repeat;
background-position:      center center;
background-size:          cover;
}

实用性未知,有些能显示(锂),有些显示空白(fb)

改变background-position的设置可以选择图片全屏的部分,left top就是选择左上角

body的本体是一个全角空格,也可以使用透明图片

当然duokan也支持,background-size改成contain还可以变成黑边完整全屏

页: [1]
查看完整版本: 发现一个实现全屏封面的方法,不限多看