Question

当你击中你的对手时，我正在进行一场游戏，我会在你的照片上显示hitsplats。我正在使用绝对位置，但是这有效但我遇到了一个问题。问题在于，如果我调整窗口大小或者我处于另一个分辨率，这些点不是我设置它们的方式。将我的命中splats置于相对模式只会移动周围的东西。那么我怎样才能将我的hitsplats放在中心，就像他们现在使用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>

Answer 1

你能展示HTML吗？你只是试图将他的板块放在中心位置？如果是这样的话

{
margin: auto;
position: absolute;
top: 0; bottom:0; right:0; left:0;
}

Answer 2

尝试将此添加到hitsplat / hitbox div的容器CSS：

position:relative;

它应该使hitbox位置绝对是容器而不是窗口。

理论上它应该将容器从浏览器窗口移动到你指定位置的任何div /容器：相对于。

Answer 3

在jquery中使用resize事件以在调整窗口大小时将其调整到精确位置

$( window ).resize(function() {
  $( "#hitbox" ).attr( "top", ($( window ).height()-50) +"px" ); 
//since 50 is the size of the box you are using
});

CSS3：我怎样才能得到像“绝对”一样的东西但不是？

3 个答案: