html div 스크롤 막대 오류

HTML 스크롤 막대에 Z- 인덱스 위치를 적용하는 방법. enter image description here html div 스크롤 막대 오류

문제는 스크롤 막대가 backround 텍스트를 보여주는 것입니다.

문제는 Google 크롬 브라우저에서만 발생합니다.

출처

2012-04-28 MAK

몇 가지 코드를 볼 수 있습니까? 또한 무엇을 시도 했습니까? 빠른 참고 : z- 색인은 비 정적 요소에서만 작동합니다. 따라서 위치 속성을 부여해야 할 수도 있습니다. –

div 위가 텍스트 위입니까, div 위의 텍스트입니까? 첫 번째 경우 : 불투명도를 변경하십시오 (1.0 미만으로 설정 한 경우) 두 번째 경우 : div의 – KBN

스크롤 막대의 부모 컨테이너에는 불투명도 < 1.0이 있습니다. 이는 해당 컨테이너의 모든 하위 항목이 불투명도 이하로 유지된다는 것을 의미합니다.

문제를 해결하는 방법은 무엇입니까?

두 개의 용기를 사용하십시오.

<div> <!-- Position this centrally, i.e what you have, but 1.0 opacity and no background --> 
    <div></div> <!-- textarea/div with overflow & scrollbars here --> 
    <div></div> <!-- content here with background color, opacity < 1.0 etc --> 
</div>

출처

2012-04-28 07:42:27 Candide

올바른 위치 지정없이 Z- 색인이 작동하지 않습니다. 해당 textarea 요소에 position: relative;을 추가하십시오.

출처

2012-04-28 06:17:29 cereallarceny

의 Z- 색인을 변경해보십시오. 텍스트 영역에없는 스크롤바에 스크롤 막대가 표시됩니다. 위치가 지정된 경우 : 해당 div를 기준으로합니다. 아직 사용하지 않음 – MAK

어떤 브라우저에서 이런 현상이 발생합니까? – cereallarceny

문제는 Chrome 브라우저에서만 발생합니다. – MAK

html div 스크롤 막대 오류

답변

관련 문제