我在iOS設備上強調背景的問題。它只在我將內容添加到頁面時才伸展like this.它在空白頁面like this上正確加載。我讀到它與添加background-attachment:scroll
而不是background-size: cover
有關。將它添加到CSS時,我沒有任何更改。我必須使用錯誤的內容ID。在爲移動主題製作更多圖片之前,我想知道是否可以使用代碼修復它?任何幫助將不勝感激。iOS移動設備拉伸背景圖像
回答
視差效果的基礎上的概念,背景圖像會留在原地有一個固定的位置,同時拉伸,以適應其容器。不幸的是CSS本身不會讓它發生。
一旦您設置相對於窗口
section
{
position: fixed;
top: 0;
bottom: -72px;
background-image: url(http://bgImage);
background-size: cover;
background-attachment: fixed;
}
非常感謝。我必須將部分更改爲#primary以使其更改。我通過取出頂部和底部填充的代碼修復了它創建標題之上的帖子的問題。背景現在看起來很棒。再次感謝你。唯一的問題是頁面上的內容被切斷。我也無法滾動,因爲它將頁面上的播放器和社交圖標切斷。這是我需要添加到解決它的位置嗎? –
好的太棒了! @BryanHoward你可以試試這個位置:絕對;頂部:0;左:0;可能是它的幫助! –
絕對有幫助。它顯示內容更多,背景仍然正確,我現在可以滾動。然而,它仍然從頂部屏幕的大約80%處切斷。我是否還需要更改底部的填充? –
嘗試添加該代碼的HTML head標籤裏:
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no, minimal-ui">
你好,對於遲到的回覆抱歉。我只是試圖將其添加到我的HTML頭標籤,但不幸的是沒有看到任何改變。 –
Np,很高興你找到了答案! – Brian
- 1. 移動設備上的背景圖像拉伸站點問題
- 2. 拉伸背景圖像
- 3. UITableViewController背景圖像拉伸
- 4. 拉伸圖像作爲背景
- 5. 背景圖像拉伸和作物
- 6. 你如何拉伸背景圖像
- 7. 的ImageButton拉伸背景圖像
- 8. 防止拉伸按鈕背景圖像
- 9. 背景圖片在移動設備上
- 10. 背景圖片拉伸
- 11. 拉伸背景圖片
- 12. CSS - 背景圖片拉伸
- 13. TextView背景拉伸
- 14. 移動設備上的全屏幕背景圖像
- 15. 背景圖像沒有正確顯示在移動設備上
- 16. Phongap不同移動設備的背景圖像尺寸
- 17. 針對移動設備的單獨背景圖像
- 18. Android:ScrollView延伸背景圖像
- 19. CSS移動背景圖像
- 20. 如何定位圖像以便與背景圖像拉伸
- 21. 引導標題背景移動設備
- 22. 背景圖片拉伸問題
- 23. 固定拉伸背景圖片
- 24. 按鈕背景圖片拉伸
- 25. Android:用背景拉伸ImageView
- 26. 根據移動設備寬度,無需拉伸,圖像適合div內部
- 27. 將位圖繪製爲MainScreen背景。如何拉伸圖像?
- 28. 背景圖像不顯示在IOS設備
- 29. iOS的背景圖像不會對設備
- 30. 設置背景圖像尺寸IOS
,我會把這個代碼,以固定定位它基本上是從DOM刪除元素和? –