1.编写app登录页面的全屏背景图时,发现图片太大,显示不完整。
然后把背景页通过一个img来表示。在外边放一层div,宽高100%,div里放图片,直接:
<img class="backgroundimg" src="../image/backgroundimg.jpg" />
样式控制:
/*背景图片,放在一个img标签里面*/
.backgroundimg {
position: absolute;
left: 0px;//重点
top: 0px;//重点
width: 100%;//重点
height: 667px;//这里会遇到个bug,如果设置为100%,图片会拉伸,呼出手机键盘时,会把图片顶上去。所以这里限制高度。通过背景色和背景融合。
z-index: -1;//核心
}