2012-01-09 5 views
0

저는 롤오버 이미지를 갖기 위해 이미지에서 z- 인덱스를 설정해야만하는 WordPress 사이트가 있습니다. 그러나 나는 이것으로 인해 내부에 있어야하는 컨테이너가 그 컨테이너로 확장되지 않는다고 생각하며 이미지 뒤에 입력 된 경우에도 컨테이너에 넣은 텍스트는 항상 이미지 위에 나타납니다. 컨테이너가 이미지로 확장되지 않습니다

기분을 상하게하는 페이지

는 여기에서 찾을 수 있습니다 :

enter image description here

사람이 나 이미지를 넘어 블랙 박스를 확대하는 데 도움이 될 수 있습니다 : http://mysterybox.co/creatives/ 여기

에 화면 문제의 캡처입니까?

+0

http://www.webtoolkit.info/css-clearfix.html – AlienWebguy

답변

1

CSS의 .post.page 클래스에 대해 overflow: hidden;을 제공하십시오. 그러면 오류가 수정됩니다.

UPDATE는

.post.page { 
    background-color: rgba(0, 0, 0, 0.80); 
    padding: 20px; 
    margin: 0 0 100px; 
    overflow: hidden; // this is the new addition 
} 

난 그냥 크롬 관리자를 사용하여 변경을 시험하고 당신이 중심에있는 이미지/애니메이션을 넘어 확장하여 올바르게 작동합니다.

+0

이미지를 숨기고있는 것 같습니다. http://mysterybox.co/creatives/ – olliejudge

관련 문제