Css第一個div頁全高

如何使一個單頁網站的第一頁全高，並有像本網站這樣的背景圖片？ http://avathemes.com/HTML5/De7igner/image.php Css第一個div頁全高

2013-10-19 Stef Blokdijk

您使用Firebug或類似工具來檢查網頁和使用的CSS學習。這很清楚，如果你這樣做。他們只是將div的位置設置爲絕對值，並將寬度/高度設置爲100％ –

您可以使用CSS3'background-size'屬性？： 'background-size：100％100％;' –

在提供的鏈接中查看網站時，他們只將背景圖片放在網站的特定部分（倒計時時間）上。所以如果你想跟隨它們，你可以把所需的區域放在一個包裝div中，然後使用css3背景屬性。

.wrapper { 
    width: 100%; 
    height: 100%; 
    background-image: url(bg.jpg); 
    background-repeat: no-repeat; 
    background-position: center center; 
    -webkit-background-size: cover; 
    background-size: cover; 
    background-attachment: fixed; 
}

如果你想整個頁面有一個背景，那麼你可以在.wrapper選擇更改爲body。

來源

2013-10-19 15:36:29

我使用的是background-size屬性，如本文所涵蓋的http://css-tricks.com/perfect-full-page-background-image/，請查看。這是你想要的js小提琴http://jsfiddle.net/Br4fZ/。

來源

2013-10-19 15:33:39

爲什麼不使用vh單元？

vw和vh單位表示實際視口的寬度和高度的百分比。它們可以根據以下規則取0和100 之間的值：視口寬度的

100vw = 100％1vw = 1視口寬度的％

100vh = 100的視口的高度1vh = 1％的％視高

.class_name 
{ 
    height: 100vh; 
}

來源

2017-07-27 09:38:00

Css第一個div頁全高

回答

相關問題