- 위치 : 고정 및 오버 플로우 : 부모가 위치에있을 때 고정 아이는 차단 숨겨진

Question

부모 DIV가 위치로 설정되어있을 때 난 단지 Safari에서이 문제 (6.1 OS X의)

을보고 있어요

: fixed overflow : hidden과 child div가 position : fixed로 설정되고 그 중 일부가 부모를 오버플로하면 잘립니다. http://jsfiddle.net/y2dg65y7/3/

<div class="wrapper"> 
    <div class="inner"> 
     Why is cut off in Safari?  
    </div> 
</div> 

.wrapper{ 
    background-color: red; 
    width: 200px; 
    overflow: hidden; 
    height: 400px; 
    position: fixed; 
} 

.inner{ 
    background-color: silver; 
    padding: 20px; 
    width: 400px; 
    height: 200px; 
    position: fixed !important; 
    top: 50px; 
    left: 40px; 
} 

이 사파리의 버그 : 크롬과 사파리에서이 jsfiddle 밖으로

확인은 무슨 뜻인지 볼 수? 아이디어가 있으십니까? 해결 방법은 무엇입니까?

감사합니다. - = B = -

Answer 1

이 당신이 원하는하지만이

오버 플로우를 작동하는 것입니다 있는지 확실하지 않습니다 : 보이는;

.wrapper{ background-color: red; width: 200px; overflow: visible; height: 400px; position: fixed; }