Question

我通过ajax和php调用获取图像名称，该图像名称从sql表获取信息。问题是所有图像的大小都不同，我希望它们全部位于div的底部。仅当在创建div时定义了图像时，此问题的所有解决方案才有效。

它获取图像名称并将其打印到屏幕精细，但是，它位于div的顶部，我也尝试将div设置为auto，但即使在图像之后它也保持为0px x 0px div被添加。

CSS

.enemy{
        height: 200px;
    width: 200px;
    background-repeat: no-repeat;
    position: absolute; 
    bottom: 0
    }
.enemydiv{
    height: 200px;
    width: 200px;
    position: absolute; 
    z-index: 206;
    left: 800px;
    margin-top: 252px;
        }

JAVASCRIPT

var enemy = document.createElement("div");
    enemy.className = "enemy";
    enemy.id = "enemy"; 
    document.getElementById("enemydiv").appendChild(enemy); 
    $.ajax({
    type: "GET",
    url: 'enemy.php',
    data: {act:act, name:name, attack:attack},
    success: function(value){
        var data = value.split(",");
        var name = data[0];
        var attack = data[1];
        var level = data[2];
        document.getElementById("enemy").style.backgroundImage = "url(" + name + ")";
    }
    });

Answer 1

您当前正在通过添加backgroundImage更新图像样式，这不会更改div大小。改用img标签

在Javascript中添加元素时的动态div

1 个答案: