将一些文本放在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') });

现在我需要在dropzone后面加上这个文本。 （我将把dropzone设置为不透明度为.5）。我不知道是否有可能，但我找不到办法。

为什么这样做？让我的文字（在这里放下你的文件）显示在dropzone区域后面不会干扰掉落区。

有什么想法吗？

感谢。

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