Div가 다른 뒤에 표시됩니다. 그 behaivor를 피하는 방법?

저는 이것을 위해 JQuery를 사용하고 있습니다. 문제는 사이드 바의 객체를 드래그 할 때 드래그하는 DIV가 메인 영역 뒤에 나타나므로 정말 안좋아 보입니다. http://i.imgur.com/Xu4GM.png Div가 다른 뒤에 표시됩니다. 그 behaivor를 피하는 방법?

내가 끌어 해요 DIV이 CSS를 가지고 : 나는 문제의 스크린 샷을했다

#tabs{ position:relative; } :

.reporte_arrastrado{ width: 150px; height: 60px; background-color: silver; background-image: url(chart.png); background-position: left center; background-repeat: no-repeat; padding: 10px 0 10px 26px; position:relative; }

그리고, 주요 영역을 나타내는 일이 CSS를 가지고

그게 전부입니다. 나는 여기에 몇 가지 해답을 읽었으며 사람들은 항상 위치 속성을 상대적으로 설정하도록 제안합니다. 그러나, 그것은 나를 위해 작동하지 않습니다.

읽어 주셔서 감사합니다.

출처

2010-04-07 Cristian

드래그 가능한 DIV의 Z- 색인을 설정하십시오.

예 :

#dragger { 
    z-index: 2; 
    position: absolute; 
    width: ... 

}

출처

2010-04-07 14:24:19 Mannaz

감사합니다 ... 나는 당신이 제안한대로 Z- 색인으로 놀았습니다. DIV를 컨테이너 앞에 표시 할 수 있었던 유일한 방법은 컨테이너 z- 인덱스를 -99로 설정하는 것이 었습니다. 하지만 또 다른 문제가 있습니다. 컨테이너에는 드래그 가능한 가제트 그룹이 있습니다. 컨테이너의 Z- 인덱스를 -99로 설정하면 해당 가젯을 끌 수 없습니다. 아이디어가 있으십니까? 나는 어쨌든 그것을 고치려고 노력할 것이다. 당신의 대답에 다시 한번 감사드립니다. – Cristian

음 ... 전혀 너무 많은 시간을 가지고 있지 않기 때문에 ... 난 그냥 dinamically JQuery와의 Z- 인덱스를 변경합니다. 이것이 내가 한 것입니다.

$('#stuff').draggable({ 
    start: function(){ 
     $('#tabs').css('z-index', '-9999'); 
    }, 
    stop: function(){ 
     $('#tabs').css('z-index', '0'); 
    } 
});

정말 고마워요.

출처

2010-04-07 15:37:39 Cristian

Div가 다른 뒤에 표시됩니다. 그 behaivor를 피하는 방법?

답변

관련 문제