3

我正在做这个程序，其中包括 css。

我想帮助你的东西可以在这里找到：http: //jsfiddle.net/yupsdk/6MxfQ/10/

body { margin: auto; }

#fields {
    position: relative; 
    width: 408px; 
    height: 370px; 
    background: url('http://hhsrv.n.dk/chat/gfx/rum/sms/old/gummicelle.jpg') repeat-x; border: 1px #DDD solid; 
}

.field {
    width: 2px;  
    height: 2px; 
    background: #FF0000; 
    position: absolute;
}

#user { 
    top: 500;   
    border: 1px solid black; 
    background: url('http://www.geekabit.dk/community/profil/figur/1335803573_149116.gif') no-repeat;  
    width: 52px; 
    height: 77px; 
}

加载脚本时，该人需要站在数字上，就像它生成时需要站在 25 上，而不是像我现在那样站在它下面。如果你的浏览器中有控制台，它会告诉你它应该站在哪个领域。

实在想不通。我已经尝试过 z-index 和 top，但是没有用。我希望你能在这里帮助我。

4

2 回答 2

5

我相信你想要position:relative和z-index。

衬衫下的号码：http: //jsfiddle.net/6MxfQ/17/

衬衫号码：http: //jsfiddle.net/6MxfQ/16/

#user { border: 1px solid black;
   background: url('http://www.geekabit.dk/community/profil/figur/1335803573_149116.gif')
   no-repeat; width: 52px; height: 77px;
   position:relative;z-index:1;}
于 2012-11-26T22:21:15.390 回答
1

问题是您只是附加了#user div，因此它位于已选择的数字之后。为了让它看起来像用户站在数字上方，您需要使用负边距：

#user { ... margin: -97px 0 0 -20px; }

如果要调整用户的位置，请使用这些顶部和左侧边距值。

jsFiddle

于 2012-11-26T22:32:47.183 回答