標題問題 - CSS變換（視差）

Question

這是我的視差標題。問題是，使用transform屬性來獲得更好的視差效果，整個標題變得更大並且走出了境界。我怎樣才能解決這個問題？

header { 
    border:none; 
    color:black; 
    background-image:url('<?php echo $imgURL ?>'); 
    height:100vh; 
    background-repeat:no-repeat; 
    background-position: center center; 
    background-attachment:fixed; 
    transform: translateZ(0px) scale(1.1); 
    z-index:0; 
    overflow: hidden; 
} 

Answer 1

儘管很難說沒有看到你的HTML或JSFiddle，我的辦法是，問題是這個屬性：

header { 
    ... 
    transform: ... scale(1.1) 
    ... 
} 

由於頭部元素（最有可能）一個塊級元素，它佔用了寬度最大的空間。然後你把它擴大10％，它比它的容器大。無論如何，這是我的賭注。