Html 如何在CSS中将图像放置在窗体下方

我正在创建一个登录页面，我想在表单下方的中心位置放置一个自定义图像边框

图像未正确定位到左侧的

边距

有人能提出解决办法吗

代码如下：


@导入url(http://fonts.googleapis.com/css?family=Droid+Sans）；
@导入url(http://fonts.googleapis.com/css?family=Roboto);
* {
文本对齐：居中；
}
img{
z指数：-1；
宽度：350px；
高度：200px；
利润上限：200px；
背景尺寸：封面；
位置：绝对位置；
}
身体{
背景色：#ecf0f1；
}
#用户名{
边缘顶部：250px；
页边距底部：继承；
保证金权利：继承；
宽度：250px；
高度：35px；
字体大小：20px；
字体系列：“Droid Sans”，衬线；
边框：0px实心；
背景色：透明；
}
#用户名：focus{
大纲：无；
}
#密码{
边缘顶部：5px；
页边距底部：继承；
保证金权利：继承；
宽度：250px；
高度：35px；
字体大小：20px；
字体系列：“Droid Sans”，衬线；
边框：0px实心；
背景色：透明；
}
#密码：focus{
大纲：无；
}
#提交{
利润上限：35px；
边界：0；
背景：url（submit1.png）；
背景重复：无重复；
宽度：200px；
高度：50px；
边界：0；
}
#提交：焦点{
大纲：无；
}
#提交：悬停{
背景图片：url（submit2.png）；
}
#页脚{
明确：两者皆有；
位置：相对位置；
z指数：5；
边缘顶端：17em；
背景色：透明；
字体系列：“Roboto”，衬线；
颜色：#bdc3c7；
高度：20px；
字体大小：10px；
}





&抄袭；2015年黑帽特工计划
试试看

需要引号/双引号。
它是居中的，问题是它后面的背景图像是绝对定位。如果不居中，可以添加
左：50%
和负边距以使其回到中心（
左
将其从角落而不是中心定位）：


不过，您应该做的是将该图像作为
背景图像添加到
表单
或
登录
容器中。定位一个
img
标签并不是处理这个问题的好方法。
你能用不同的方式解释吗？或者创建一个你想要做的事情的图片？你已经在twiceI democrate@adriano66上发布了相同的图片。这次我发布了正确的图片。@jmore009我发布了一个概念草图和页面目前的实际外观：）我认为这不是问题所在。OP没有提到一张破损的图片，非常感谢！这就解决了问题。我会记住背景图像：）
#submit:hover {
background-image: url("submit2.png");
}

img {
  z-index: -1;
  width: 350px;
  height: 200px;
  background-size: cover;
  position:absolute;
  left: 50%; //add
  margin: 200px 0 0 -175px; //add
}