职位问题：绝对;

Question

所以这就是正在发生的事情，正如您从下面的图片中看到的那样。浏览器的屏幕尺寸正在让女人掩盖事物或者像我所说的那样移动。

这是我的代码

img#woman{
    position:absolute;
    bottom:100px;
    display:block;
    right:55%;
    z-index: 900;
}
#homearea{
    display:block;
    height:750px;
}

http://i.imgur.com/3A19L.jpg

我需要女人留在她应该看起来像这样的地方

Answer 1

这没有看到您的HTML：

尝试将包含div（#homearea？）上的位置设置为relative，然后将图像的方向值更改为相对于包含div的左上角。

换句话说，尝试这样的事情：

img#woman{
    position:absolute;
    top:200px;
    display:block;
    left:-30px;
    z-index: 900;
}
#homearea{
    position:relative;
    display:block;
    height:750px;
}

Answer 2

嗨，我想你可能是你在背景中使用这个图像，就像这样

定义你的Homearea id位置相对和女人id给位置绝对并给予背景图像并根据你的布局设置在左上角

就像这样

<强>的CSS

#homearea{
 position:relative;

}

#woman{
width:xxx; // width of your images
height:xx; // height of your images
    position:absolute;
    bottom:100px;
    right:55%;
    z-index: 900;
background:url('../../xxx.jpg') no-repeat 0 0;
}

<强> HTML

 <div id="homearea">
    <div id="woman"></div>
    </div>

Answer 3

我认为您应该将 postion：relative; 定义为 Parent Div ，将位置：绝对; 定义为 Child Div < / strong>希望这会奏效......

 img#woman{
    position:absolute;
    bottom:100px;
    display:block;
    right:55%;
    z-index: 900;
}
#homearea{
    height:750px;
    position:relative; 
}