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

Question

我需要将一些文本相对于“dropzone”(div)水平和垂直居中放置。它适用于以下解决方案:Inject a text above a div centered horizontally and vertically

JsFiddle:http://jsfiddle.net/UPyYh/4/

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

现在我需要将此文本放在拖放区后面。 (例如，我会将放置区的不透明度设置为 0.5)。我不知道这是否可能，但我没有找到办法。

为什么要这么做？让我的文本(“将文件拖放到此处”)显示在拖放区后面，以免干扰拖放区。

有什么想法吗？

谢谢。

Answer 1

尝试:

.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;
}

DEMO