我想知道這是否可能與CSS。我希望我的背景圖像從絕對中心對齊開始,並從那裏向外重複。可能從中心向外重複背景圖像?
0
A
回答
0
找到了解決方案:
background-attachment: fixed
參見例如:http://codepen.io/ryanmclaughlin/pen/3ba02dcabedee91b09cf816d43d148c4
1
您可以使用background-position屬性爲中心的背景和重複值設置爲背景,背景:網址( 'yourimage')重複;
0
#pattern{
background: url('pattern.jpg') center center;
/* other stuff here */
}
相關問題
- 1. 圖像性能爲背景重複CSS
- 2. 重複圖像背景
- 3. WPF重複圖像背景
- 4. 重複背景圖像
- 5. 中心的背景圖像
- 6. 從中心偏移背景圖像?
- 7. CSS中心背景圖像水平然後重複垂直?
- 8. CSS重複的背景圖像的背景圖像完成
- 9. 滿背景圖像背景圖像y軸上重複
- 10. 在Swift中重複背景圖像
- 11. 是否有可能在精靈圖像內重複背景條
- 12. 圖像重複siimilar到CSS背景重複功能
- 13. 背景圖像重複時調整窗口大小(背景重複不重複)
- 14. 背景圖像和從文件夾圖像重複
- 15. CSS:在重複背景圖像的頂部居中背景圖像
- 16. 背景圖像部分與重複-x
- 17. 重複HTML背景圖像只有
- 18. iPhone不完全重複背景圖像
- 19. HTML5畫布背景圖像重複
- 20. 背景圖像不顯示不重複
- 21. 背景重複圖像不起作用
- 22. SSRS重複背景圖像問題
- 23. 如何設置圖像背景重複?
- 24. 用重複x分開背景圖像
- 25. 面板背景圖像重複C#
- 26. 調整背景圖像重複出錯
- 27. 重複CSS背景圖像的時間
- 28. 滑塊圖像和背景重複?
- 29. Android的圖像背景重複
- 30. Pixate背景圖像不重複?
背景:網址(pattern.png)中心中心;/*重複是默認*/ – JohanVdR
@Sigma當然,我給了詳細的版本;) –
這不會做我想做的。它將圖像垂直居中置於屏幕的頂部。我希望背景圖像始終在元素中間水平和垂直居中(無論是div還是body)。參見:http://codepen.io/ryanmclaughlin/pen/3ba02dcabedee91b09cf816d43d148c4 – Ryan