CSS背景大小：覆蓋背景附件：修正裁切背景圖片
你是否會遇到背景圖片與background-size的情況：封面和背景配件：固定被剪裁？
The問題：
正如問題所暗示的，在人物使用背景圖像的場景中，background-size: cover 和background-attachment:fixed 的組合會導致在存在偏移時背景影像被剪下。正如 Mozilla 所記錄的那樣，這是 CSS 的固有行為。
目標：
期望的結果是影像垂直或水平剪切，但不能同時剪切兩者，同時保持在圖形本身內居中對齊。
解：
不幸的是，實現僅僅使用 CSS 是不可能得到這個結果的。如答案中所詳述的，CSS 中的固定定位會造成背景圖像和容器元素之間的脫節。因此，即使使用了 cover 值，圖像大小也是相對於視口而不是圖形的尺寸確定的。
JavaScript 替代方案：
建議的解決方案是使用 JavaScript 來模擬計算背景大小時的固定定位效果：相對於圖形元素的覆蓋。這涉及監聽滾動事件並手動調整背景位置以匹配視窗滾動。
以上是'background-size: cover”和'background-attachment:fixed”是否會導致背景影像剪切，如何解決？的詳細內容。更多資訊請關注PHP中文網其他相關文章！
