오버플로 : 오버레이가 파이어 폭스에서 작동하지 않습니다.

Question

내 웹 사이트에서 overflow: overlay의 <div>을 사용해야합니다.

그러나 브라우저에서 렌더링되지 않고 CSS에서 파일을 검사하면 파일이 없어도되지만 Chrome에서 작동하는 것처럼 보입니다. 나는 사파리를 시험하지 않았다.

overflow: overlay CSS 속성을 사용하려면 무엇을 변경해야합니까? 오버 플로우에 대한

감사

Answer 1

가능한 값은 다음과 같습니다

visible 
hidden 
auto 
scroll 

는 이들의 논의 here 또는 here를 참조하십시오.

다른 브라우저에서 다른 값을 사용하면 잘못된 값을 다르게 처리하므로 예기치 않은 결과가 발생합니다.

편집 : 의견에 따라 오버플로에 대한 언급을 찾을 수있었습니다 : 오버레이 here.

내용이 클리핑되어 스크롤바가 필요한 경우 추가로 :

오버레이를 설명한다.

중요하게도 Safari 또는 Chrome (예 : WebKit)에서만 작동합니다. 웹킷 버그질라에

This item

은 어떤 경우에도이 세상 길지 제안 :

웹킷은 현재까지 내가 읽고 말할 수있는 문서화하고 "오버레이"라는 독자적인 CSS 오버 플로우 값이 코드는 "자동"과 똑같이 작동합니다.

우리는 그것을 제거하거나 "-webkit-overlay"로 이름을 바꿔야합니다.

업데이트 2016년 3월

은 사라지지했다 overflow: overlay 것 같은데. 표준으로 들어가는 방법의 징후가 있습니다.

overlay과 auto의 차이는 스크롤바가 페이지 내용의 맨 위에 나타나서 레이아웃 공간을 차지하지 않는다는 것입니다.

here for the discussion을 참조하십시오.