发现一个实现全屏封面的方法,不限多看
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]