Question

我正在尝试用css进行设计，整个想法是在图像的不同角落放置四个不同的图像（我已经使用绝对位置做了），但问题是当我让它全部响应时的位置。

我所做的是here，希望有人可以提供帮助。

HTML

<div class="map_image" style="border:1px solid red;">
    <img title="" src="crvnx.png" />
    <img class="map_link" id="map_link_0" title="" src="" />
    <img class="map_link" id="map_link_1" title="" src="newuploads/n8cpt.png" />
    <img class="map_link" id="map_link_2" title="" src="" />
    <img class="map_link" id="map_link_3" title="" src="" />
</div>

此致

Answer 1

您可以查看以下代码..可能对您有帮助..

<div style="width: 100%px; height: 100%; background: #ccc; position: relative; min-width: 320px;
    min-height: 300px;">
    <div style="height: 100px; width: 100px; background: #000; position: absolute; top: 0;
        left: 0;">
    </div>
    <div style="height: 100px; width: 100px; background: #000; position: absolute; top: 0;
        right: 0;">
    </div>
    <div style="height: 100px; width: 100px; background: #000; position: absolute; bottom: 0;
        left: 0;">
    </div>
    <div style="height: 100px; width: 100px; background: #000; position: absolute; bottom: 0;
        right: 0;">
    </div>
</div>

Link

祝你好运......

图像在图像上但响应

1 个答案: