«z-index» 태그된 질문

z-index는 요소가 나타나는 z- 평면에서의 순서를 나타냅니다. 스택 순서가 높은 요소는 항상 스택 순서가 낮은 다른 요소 앞에 있습니다. 대부분의 GUI 프레임 워크 (웹 및 데스크탑 모두)에서 사용할 수 있습니다.

11
Z- 색인의 최소값과 최대 값은?
내 HTML 페이지에 div가 있습니다. 조건에 따라이 div를 표시하고 있지만 div는 마우스 커서를 가리키는 HTML 요소 뒤에 표시됩니다. z-index의 모든 값을 0-999999로 시도했습니다. 왜 이런 일이 발생하는지 말해 줄 수 있습니까? CSS의 Z-INDEX 속성에 최소값 또는 최대 값이 있습니까? .divClass { position: absolute; left: 25px; top: 25px; width: 320px; height: …
518 html  css  z-index 

8
고정 위치 지정과 함께 작동하지 않는 z- 색인
나는이 div기본 위치 (즉와 position:static)과 divA의 fixed위치. 요소의 z- 색인을 설정하면 고정 요소를 정적 요소 뒤에 놓는 것이 불가능 해 보입니다. #over { width: 600px; z-index: 10; } #under { position: fixed; top: 5px; width: 420px; left: 20px; border: 1px solid; height: 10%; background: #fff; z-index: 1; } <!DOCTYPE html> …
422 css  z-index 


11
안드로이드에서 다른 뷰 위에 뷰 배치 / 겹침 (z-index)
선형 레이아웃에서 imageview 및 textview로 구성된 선형 레이아웃이 있습니다. <LinearLayout android:orientation="horizontal" ... > <ImageView android:id="@+id/thumbnail" android:layout_weight="0.8" android:layout_width="0dip" android:layout_height="fill_parent"> </ImageView> <TextView android:id="@+id/description" android:layout_weight="0.2" android:layout_width="0dip" android:layout_height="wrap_content"> </TextView> 일부 규칙이 누락되었을 수 있습니다. 레이아웃에 대한 아이디어를 제공하는 것입니다. 길이와 너비가 50dip 인 또 다른 작은 텍스트보기를 원하고 imageview 위에 배치하면 "over"라는 말은 imageview보다 …

4
z-index가 작동하지 않는 이유는 무엇입니까?
따라서 z-index올바르게 이해 하면이 상황에서 완벽 할 것입니다. 하단 이미지 (태그 / 카드)를 div 아래에 배치하고 싶습니다. 그래서 당신은 날카로운 가장자리를 볼 수 없습니다. 어떻게해야합니까? z-index:-1 // on the image tag/card 또는 z-index:100 // on the div above 작동하지 않습니다. 이 같은 것도 조합하지 않습니다. 어떻게 오세요?
182 html  css  z-index 

11
IE7 Z 인덱스 계층화 문제
IE7의 z-index버그에 대한 작은 테스트 사례를 격리 했지만 해결 방법을 모릅니다. 나는 z-index하루 종일 놀고 있습니다. z-indexIE7의 문제점은 무엇입니까 ? CSS 테스트 : input { border: 1px solid #000; } div { border: 1px solid #00f; } ul { border: 1px solid #f00; background-color: #f00; list-style-type: none; margin: 0; padding-left: …

13
svg 요소에서 z-index를 사용하는 방법은 무엇입니까?
이 프로젝트에서 svg circle을 사용하고 있습니다. <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 160 120"> <g> <g id="one"> <circle fill="green" cx="100" cy="105" r="20" /> </g> <g id="two"> <circle fill="orange" cx="100" cy="95" r="20" /> </g> </g> </svg> 그리고 g태그에 z-index를 사용 하여 요소를 첫 번째로 표시합니다. 내 프로젝트에서 z-index 값만 사용해야하지만 svg 요소에 z-index를 …

6
CSS Z- 인덱스 역설 꽃
z-index CSS 속성을 통해 역설적 인 효과를 만들고 싶습니다 . 내 코드에는 아래 이미지와 같이 5 개의 원이 있으며 모두 정의되지 않은 상태로 절대 위치에 z-index있습니다. 따라서 기본적으로 모든 원은 이전 원과 겹칩니다. 지금은 원 5가 원 1과 겹칩니다 (왼쪽 이미지). 내가 달성하고 싶은 역설은 (오른쪽 이미지에서와 같이) 원 2 …
98 css  z-index 

4
CSS를 사용하여 요소를 맨 앞으로 가져 오기
을 사용하여 이미지를 앞으로 가져 오는 방법을 알 수 없습니다 CSS. 이미 z-index를 1000으로 설정하고 상대적으로 위치를 설정했지만 여전히 실패합니다. 여기에 예가 있습니다. #header { background: url(http://placehold.it/420x160) center top no-repeat; } #header-inner { background: url(http://placekitten.com/150/200) right top no-repeat; } .logo-class { height: 128px; } .content { margin-left: auto; margin-right: auto; …
87 html  css  z-index  jsfiddle 

6
transform (rotate) 설정으로 z-index가 취소됩니다.
transform 속성을 사용하면 z-index가 취소되고 전면에 나타납니다. (-webkit-transform을 주석 처리하면 Z-index가 아래 코드에서 제대로 작동합니다) .test { width: 150px; height: 40px; margin: 30px; line-height: 40px; position: relative; background: white; -webkit-transform: rotate(10deg); } .test:after { width: 100px; height: 35px; content: ""; position: absolute; top: 0; right: 2px; -webkit-box-shadow: 0 5px 5px …
84 css  z-index  transform 

6
페이지 콘텐츠 위에 div 플로팅
검색 옵션을 동적으로 표시하는 팝업 상자를 구현했습니다. 상자가 모든 사이트 콘텐츠 위에 "부동"하기를 원합니다. 현재 상자가 표시되면 그 아래에있는 모든 콘텐츠가 표시되지 않고보기에 좋지 않습니다. 이미 상자 div의 Z- 색인을 나머지 페이지 콘텐츠보다 높게 설정하려고 시도했지만 여전히 운이 없습니다.
81 css  z-index 
당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.