가격 책정 테이블에서 작업 중이며 div 중 하나에 문제가 있습니다. 중간 컨테이너는 다른 컨테이너를 오버 플로우해야하지만 왼쪽 컨테이너에서만 수행됩니다. 오른쪽에있는 컨테이너는 그렇지 않아야하는 중간 컨테이너와 중첩됩니다. 이 문제를 어떻게 해결할 수 있습니까?오른쪽에 오버플로가 보이지 않습니다.
저는 JSfiddle을 만들었습니다. 문제는 중간에 가장 큰 컨테이너 (Flex I)를 사용하는 것입니다.
감사합니다!
.pricingtable {z-index: 1;}
.pricingtable.featuredbig {position: relative;}
문제를 해결하는 것으로 보입니다. 컨테이너
그리고 z-index에그것은 참으로 않습니다! 고마워. – NielsPilon
@NielsPilon - http://meta.stackexchange.com/questions/5234/how-does-accepting-an-answer-work – Curt
이 답변이 올바른 경우 정확한 답으로 표시하십시오. –
사용
position:relative;
는 오버레이의 순서를 지정합니다. 나는 빠른 데모를 위해 인라인 스타일을 사용했으나 이것을 정리할 수는 있습니다. 그런데 나는 당신의 디자인을 좋아합니다!
감사합니다. 디자인에 대한 모든 크레디트는 Designshack으로 이동합니다. http://designshack.net/articles/css/csspricingtables/ 나는 단지 내 자신의 필요를위한 코드를 편집하고있다 ;-) – NielsPilon
위치 : 상대 및 Z- 색인을 사용하여 수행 할 수 있습니다.
은 어쩌면 이것은 당신을 도울 것입니다 : http://css-discuss.incutio.com/wiki/Overlapping_And_ZIndex – m90