创建重叠元素

我正在尝试沿着canvas的左边框显示一个与canvas元素重叠的跨度。

      
  var canvas = document.createElement('canvas'); canvas.setAttribute('width', 500); canvas.setAttribute('height', 500); canvas.setAttribute('style', 'border: 1px solid; position: absolute; top: 8px; left: 8px; z-index: 0;'); document.getElementById("timeline_wrapper").appendChild(canvas); // draw back button var back = document.createElement('div'); back.setAttribute('width', 50); back.setAttribute('height', 500); back.setAttribute('style', 'background-color: #336699; position: absolute; left: 8px; top: 8px; z-index: 1'); document.getElementById("timeline_wrapper").appendChild(back);    

无论我尝试过什么，后面元素都没有显示出来。 除了背部元素位于上，左，50，50，有人知道我做错了什么？

干杯，约书亚

Answer 1

这是你想要做的吗？

（我将宽度和高度移动到css中，它不是dom属性）

Answer 2

在没有看到其余代码的情况下，我的第一个猜测是问题是由于span标记。 跨度是内联元素，这意味着它们的行为与块元素不同。 尝试使用css将span的显示属性更改为“block”，或者只使用div而不是span。