問題與背景和相對定位HTML和CSS

我有一個問題，HTML和CSS。問題與背景和相對定位HTML和CSS

今天，我第一次嘗試製作一張大圖片作爲背景。

我正在使用基礎框架，而我被困在一件事上。正如我們所知，基礎是一個自適應框架，當我重新調整瀏覽器的大小時，我有一個錯誤。

你可以在我的截圖中看到它：https://imgurhd.ru/i/270a.jpg（也可以在這裏找到我的CSS）。

我需要使菜單下的文本和圖像垂直居中於任何屏幕大小。你可以看到，我使用的是位置相對於百分比值。所以請幫我找出問題所在。

來源

2015-05-04 Sasha Fokin

支持請提供的代碼（以純文本，而不是圖像格式），如果可能的話，jsfiddler所以我們可以重現該問題我們自己。 – Jordumus

http://jsfiddle.net/wyp9ukvx/1/ –

您可以將背景大小設置爲cover。

封面該關鍵字指定的背景圖像應該被縮放成儘可能小，同時確保它的兩個尺寸大於或等於背景定位區域的相應的尺寸。

html { 
    background: url(/*YOUR IMAGE HERE*/) no-repeat center center fixed; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover; 
}

這most recent browsers

來源

2015-05-04 12:52:51 NachoDawg

問題與背景和相對定位HTML和CSS

回答

相關問題