javascript - 在 div 后面放置一些文本

Question

我需要将一些文本相对于“dropzone”（一个 div）水平和垂直居中放置。它适用于以下解决方案：在水平和垂直居中的 div 上方注入文本

var $span = $('<span/>').text('Hello, world');
$('body').append($span);
$span.position({ of: $('.dropzone') });

现在我需要在 dropzone 后面有这个文本。（例如，我将 dropzone 设置为 0.5 的不透明度）。我不知道这是否可能，但我没有找到办法。

为什么这样做？让我的文本（“将您的文件放在这里”）显示在 dropzone 区域后面，以免干扰 dropzone。

任何想法？

谢谢。

score 2 · Accepted Answer

尝试：

.dropzone {
background: silver;
height: 300px;
padding: 5px;
border: 2px solid rgb(255, 165, 0);
opacity: 0.8;
}

和

$span.css('z-index', -1);

或者将此 CSS 规则添加到bright：

.bright{
   z-index: -1;
}

1 回答 1