Question

我在我的页面上创建了一个col-md-3，我在里面放了一个.png图片和表格。我已经制作了2个部分的图片，我想让第1张图片旋转，但我无法将2张图片放在另一张图片上。当我试图将它们放在桌子上方时，它们是一个接一个地或在桌子上方，或者当我重新调整页面大小时，它们看起来不像它们应该是。目前第一张图片位于第二张图片之上。

有什么建议我怎么定位它们？这是代码：

var tracker = new tracking.ObjectTracker('eye');
tracker.setStepSize(1.7);

tracking.track('#video', tracker, { camera: true });

tracker.on('track', function(event) {
context.clearRect(0, 0, canvas.width, canvas.height);

event.data.forEach(function(rect) {
  context.strokeStyle = '#a64ceb';
  context.strokeRect(rect.x, rect.y, rect.width, rect.height);

});
});

Answer 1

试试这个:( style =＆＃34; position：absolute;＆＃34;）

    <div class="col-md-3" style="padding-bottom: 10px; margin-bottom: 50px;">
                    <img class="img-responsive"  style="position:absolute;" src="img/other/sch1.png">
                    <img class="img-responsive"  style="position:absolute;" src="img/other/sch2.png">
                    <table id="contesttable" class="table" style="text-align: center;">
                        ..........
                    </table>

</div>

https://jsfiddle.net/oLo2psLn/ enter link description here

然后你可以在你的风格中使用：z-index：1;或z-index：2; 这将选择哪个图像位于顶部，更高的值位于顶部：因此2位于1之上。

Bootstrap将一个图像放在另一个图像上？

1 个答案: