Question

我的图片需要有大约30个复选框。我如何定位这些复选框？我尝试了position:relative和position:absolute但它没有用。复选框必须位于image的确切位置。在图像中，我需要在每个牙齿上添加一个复选框。

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <style>
    </style>
</head>
<body>
    <div>
        <div style="position:relative; background-image:url('tooth.png'); top: 0px; left: 0px; height: 1280px; width: 912px;">
            <input type="checkbox" id="check1" style="position:absolute; bottom: 10px" />
        </div>
    </div>
</body>
</html>

Answer 1

我的意思是你需要为父容器添加display:block。检查我的解决方案：https://jsfiddle.net/skriming/euuaa3uf/

如何在图像上添加多个复选框

1 个答案: