0

対戦相手を攻撃すると、あなたの写真の上に表示されるヒットプラッツを行うゲームがあります。私は絶対位置を使用していますが、これは機能しますが、問題が発生しました。問題は、ウィンドウのサイズを変更したり、別の解像度を使用したりすると、これらのスポットが元の設定方法ではないことです。ヒットスプラットを相対モードにするでは、現在の Absolute のようにヒットプラットを中央に配置しながら、完全に絶対的なものにしないにはどうすればよいでしょうか? では、それらはドキュメントに沿って流れるのでしょうか?

#npchitbox {
    width: 50px;
    height: 50px;
    position: absolute;
    background-color:blue;
    z-index: 11;
    top: 100px;
    left: 1050px;
    text-align: center;
    font-weight: bold;
    font-size: 50px;
    color: red;
    }

ここにHTMLコードがあります

<div id="playerbox">
    <div id="hitbox"> </div>
4

3 に答える 3

0

ウィンドウのサイズが変更されたときに正確な位置に合わせるには、jquery で resize イベントを使用します。

$( window ).resize(function() {
  $( "#hitbox" ).attr( "top", ($( window ).height()-50) +"px" ); 
//since 50 is the size of the box you are using
});
于 2013-10-31T05:45:05.140 に答える
0

hitsplat/hitbox div のコンテナーの CSS にこれを追加してみてください。

position:relative;

ヒットボックスの位置をウィンドウではなくコンテナに絶対に合わせる必要があります。

理論的には、コンテナーをブラウザー ウィンドウから、position:relative を割り当てた div/コンテナーに移動する必要があります。

于 2013-10-31T03:36:30.003 に答える