2 sinat 35836870 sinat_35836870 于 2017.01.17 06:36 提问

背景图片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
u010434246   2017.01.17 09:54

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

showbo
showbo   Ds   Rxr 2017.01.17 20:20

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

Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!