針對屏幕固定的html背景的背景

Question

我正在研究基本的html頁面，並且我有這個背景圖片bg.jpg。 但問題取決於你的屏幕尺寸和屏幕有多少像素，我無法查看整個背景圖像，這是我想要的。

如何修改背景以便可以看到整個背景？

Answer 1

如果你說的是整個頁面的背景圖片比你可以簡單地做它用CSS3 background-size財產

body { 
    background: url(bg.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover; 
} 

如果你需要附加它，有點固定，不應該滾動，比使用

background-attachment: fixed; 
/* This is already used in above CSS declaration using CSS Short Hand*/ 

Answer 2

你可以做這樣的事情：

html { 
    background: url(images/bg.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover; 
} 

你可以在這裏閱讀更多：link

Answer 3

刪除你的 「身體背景圖片的代碼」，然後粘貼此代碼：

html 
{ 
     background: url(../img/bg.jpg) no-repeat center center fixed #000; 
     -webkit-background-size: cover; 
     -moz-background-size: cover; 
     -o-background-size: cover; 
     background-size: cover; 
} 

Answer 4

您可以使用CSS僞選擇。

body:after 
{ 
    content: url(your_image) 
    /* Styling your image here just like a div */ 
} 

當然，其他解決方案也可以，但它們只能在最新的現代瀏覽器中工作。這種僞選擇解決方案適用於今天使用的大多數瀏覽器。如果您希望支持甚至更老的瀏覽器，比如古老的IE版本，那麼您可以使用div來包含背景圖片並按照您的喜好進行設置。