我想將此圖像作為網頁的背景圖像。但是，問題是圖像不能覆蓋整個頁面，正如您在此預覽中可能看到的那樣，并且圖像在最右端被重復。有沒有一種方法可以使圖像覆蓋整個頁面（可以是任何方式，拉伸，調整大小或新的方式）。我的代碼：<!DOCTYPE HTML><html> <head> <title>Angry Birds Star Wars</title> <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script> <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script> <style> body { background: url('http://www.androidtapp.com/wp-content/uploads/2012/11/Angry-Birds-Star-Wars-Menu.png'); } </style> </head> <body></body></html>謝謝。更新：我現在終于相信，幾乎沒有什么可以使該圖像完全適合我的PC屏幕的。我現在還可以，并且可以繼續前進，請不要發布答案。
3 回答
慕村225694
TA貢獻1880條經驗 獲得超4個贊
background: url(image.jpg) fixed 50%;
background-size: cover; /* PS: Use separately here cause of Safari bug */
的fixed（背景附件）是可選的。
以上只是以下內容的簡寫：
background-image : url(image.jpg);
background-attachment : fixed;
background-position : 50% 50%; /* or: center center */
background-size : cover; /* CSS3 */
您可以在所有現代瀏覽器中使用，但Safari可以使用：
background: url(image.jpg) fixed 50% / cover;
其中/在后臺速記用于分離和區分position從size（原因位置接受單個和多個（X，Y）的值），但野生具有與該一個錯誤/速記所以使用如上所述。
大話西游666
TA貢獻1817條經驗 獲得超14個贊
background-size: 100% 100%;
background-position: top left;
background-repeat: no-repeat;
應該可以。注意-您可以組合位置并重復到初始背景屬性中
并申請
html, body { min-height: 100%; min-width: 100%; }
- 3 回答
- 0 關注
- 1335 瀏覽
相關問題推薦
添加回答
舉報
0/150
提交
取消