在css的div中设置背景图片后背景图片下移如何解决

发布网友 发布时间:2022-04-24 18:42

我来回答

3个回答

热心网友 时间:2022-04-20 20:32

background:url(images/loginbackground.png)top no-repeat 0px 10px; 

等同与

background:url(images/loginbackground.png)top no-repeat; 

background-position: 0px 10px; //水平方向(以左上角为原点,x方向)移动 0像素,垂直方向(y轴方向)即向下以动 10 像素

***注意:0px 不能省略,否则默认为x方向移动的距离。也可以设置为百分比值。

修改后:

热心网友 时间:2022-04-20 21:50

.content
{
margin:auto 50px;
height:80%;
background:url(images/loginbackground.png)top no-repeat;
}
<div class="content">
<form>
<table align="center">
<tr><td><input type="text" name="name" size="40" maxlength="40"/></td></tr>
<tr><td><input type="password" name="password" size="40" maxlength="40"/></td></tr>
<tr><td><input type="submit" name="sub" value="登录"/></td></tr>
</table>
</form>
</div>

请尝试

追问已尝试,并且已失败

热心网友 时间:2022-04-20 23:25

更新class样式

.content {
  margin: 50px auto;
  height: 80px;
  background: url(http://static-cdn.dianrong.com/store/dist/images/range_banner.png) top no-repeat;
}


or更新form的style

.form {
  margin: 0;
  padding: 0;
}

声明声明:本网页内容为用户发布,旨在传播知识,不代表本网认同其观点,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。E-MAIL:11247931@qq.com