作为刚入门的程序人,总是想要在小Demo的背景上加上一张图片作为背景图,往往使用的元素会让我们出现不可思议的表现。
比如如下这种情况:在登录页面,我们加入一张背景图就变成下面这种形式。只是在代码的最外层div中加入了一个background标签,
background="../static/img/123.jpg"
解决办法:
在这个标签下重新设置一下。就展示下面这种效果。只需要加入下面这行代码做一些处理。
background="../static/img/123.jpg" style="background-repeat: no-repeat;background-size: 100% 100%"
上面只是通过HTML中加入,有时候也可以通过css和js处理。这里我就先不涉及css和js代码。