sinat_35836870
BugMyGod
采纳率0%
2017-01-16 22:36 阅读 2.2k

背景图片background-position:center,之后,浏览器缩放,内容错位???

请问::
背景图片设置了background-position之后,其他的内容区在浏览器缩放的时候就移位了,如下图,
要怎么设置它们才能跟随背景图片一致??
内容用的绝对定位,写死不行,百分比也不对,要怎么写呢,求指点,谢谢

外部div
.wrapper-ydy{
width: 100%;
text-align: center;
background-image: url("../images/yd/yd-bg.png");
background-repeat: no-repeat;
background-position: center;
height: 679px;
position: relative;
z-index: -99999;
}

头部,进入主页内容
.ydy-top{
z-index: 1000;
background-color: #fffa62;
width: 200px;
position: absolute;
top: 8%;
left: 55%;
}图片

  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 复制链接分享

2条回答 默认 最新

  • u010434246 Android 研发 2017-01-17 01:54

    楼主可以试一试相对路径 div 的

    点赞 评论 复制链接分享
  • showbo GoCityPass新加坡曼谷通票 2017-01-17 12:20

    你那个书卷背景图片应该单独出来设置为黄色那块的背景

    点赞 评论 复制链接分享

相关推荐