css - 职位问题：绝对；

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?) 上的位置设置为相对，然后将图像的方向值更改为相对于包含 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

我认为你应该定义position:relative; 到您的父 div和位置：绝对；给你的孩子部希望这会奏效......

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