容器沒有與圖像一起延伸

Question

我有一個wordpress網站，爲了有一些翻轉圖像，我不得不在圖像上設置z-index。不過，我認爲因爲這個原因，它們應該放在裏面的容器不會與它們一起擴展，並且即使在圖像之後輸入的任何文本都會出現在圖像上方。

違規網頁可以在這裏找到：http://mysterybox.co/creatives/

這裏的問題的屏幕截圖：

誰能幫助我延長黑匣子超越的形象呢？

Answer 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 
} 

我只是測試使用Chrome檢查器中的變化，其通過延伸超出圖像/動畫您對中心工作正常。