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의 불투명도로 설정합니다). 나는 가능한지 모르지만 그것을 할 수있는 방법을 찾지 못했습니다.

왜 그런가? 내 텍스트 ('여기에 파일 놓기')를 사용하려면 드롭 존 영역 뒤에 드롭 존을 방해하지 않아야합니다.

아이디어가 있으십니까?

감사합니다.

Answer 1

로 시도해보십시오

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

및

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

또는 bright이 CSS 규칙을 추가 :

.bright{ 
    z-index: -1; 
} 

이

DEMO가

가