首页 > 代码库 > 设置图形在一个背景图片中的绝对定位

设置图形在一个背景图片中的绝对定位

图片相对于“square”的位置,在最右侧居中的位置。

技术分享

.square{   width:100%;
  height:500px;
  position:relative;
}
img{  position:absolute;
  z-index:2;
  top:50%;
  right:-2px;//不设置为0是为了避免出现图片的边框
  margin-top:-10px;//将图片上移是为了能使其居中,根据图片的大小设置数值
}

 

设置图形在一个背景图片中的绝对定位