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; }

ユーザーの位置を調整したい場合は、上と左の余白の値を調整してください。

jsフィドル

于 2012-11-26T22:32:47.183 に答える