Question

我正在做这个程序，这包括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，但它没有用。我希望你能在这里帮助我。

Answer 1

我相信你想要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;}

Answer 2

问题是你只是附加#user div，所以它出现在已选择的数字之后。为了使其看起来像用户站在数字上方，您需要使用负边距：

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

如果您想调整用户的位置，请使用这些左上边距值和左边距值。

jsFiddle

Css真的无视我

2 个答案: