圖像不堅持我得到<a href="http://festivals.ie:8080/festivals/" rel="nofollow">this design</a>

頁

的底部，我試圖申請my website。請注意，<html>元素有一個背景圖像（手中有空），它粘在頁面的底部。圖像不堅持我得到<a href="http://festivals.ie:8080/festivals/" rel="nofollow">this design</a>

然而，當我遷移到我的應用程序的CSS文件，由於某種原因，這個形象出現一半，而不是頁面。我查了相關的CSS和在兩種情況下它：

html { 
background-attachment: fixed; 
    background-clip: border-box; 
    background-color: transparent; 
    background-image: url("../../img/bg.svg"); 
    background-origin: padding-box; 
    background-position: center center; 
    background-repeat: no-repeat; 
    background-size: cover; 
    outline: 0 none !important; 
}

那麼，爲什麼像棍子here頁面的底部，但中途出現下降here頁面。

來源

2012-12-01 Dónal

看起來像第一鏈路的所計算的高度被設定爲使得所述圖像是在底部，而對於其中圖像顯示部的方式沿着計算出的高度的鏈路是低得多的。 height: 170px;相比height: 2006px;

~~我不知道發生了什麼設置高度爲你，但選了這一點就能解決你的形象問題~~

編輯：實際上它似乎是在這個規則是隻在這些網站之一：

media="screen, projection" 
html, body { 
    height: 100%; 
}

來源

2012-12-01 17:14:38

它不工作的第二現場，由於body { height: 100% }造型。

靜態/捆bundle_responsive_head.css：

html, body { 
    height: 100%; 
}

來源

2012-12-01 17:15:09

看起來它實際上是在沒有被粘在底部body標籤的背景圖像。關閉bundle-bundle-responsive-head.css中的height: 100%正文規則修復了它，但我不確定這將如何影響站點上的其他內容。

我使用Chrome的DOM檢查和開/關的規則的各種元素，看看他們會有什麼樣的影響發現了這個。

來源

2012-12-01 17:16:19 tvanfosson

您有height: 100%設置爲您的html和body。這通常是爲了能夠擁有全高度的元素。但在這種情況下，這被證明是問題的原因。刪除它可以解決問題。

檢查在Firebug或Chrome檢查，你會看到像一些事情：

html, body { 
    height: 100%; 
}

刪除它。或者從樣式表中覆蓋它。

來源

2012-12-01 17:16:59 techfoobar

圖像不堅持我得到<a href="http://festivals.ie:8080/festivals/" rel="nofollow">this design</a>

回答

相關問題