BODY內容高度不夠瀏覽器高時BODY背景不在最下面的解決辦法

Zachary 發布于2019-08-28 18:00 / 2268人閱讀

最近遇到這個問題，搜索引擎找到了答案，收藏于此文章。

我們在設計網頁的時候經常會碰到要張BODY加背景的情況，BODY里面的內容足夠多的時候這個問題一般不被發覺，但在BODY內容比較少的時候會發現BODY的底圖背景就出現在頁面的某些位置（不是最底部）這樣導致了網頁看起來不友好，那要如何去改呢？下面把我知道的貼在下面供大家一起交流學習：

  CSS代碼：

  body {    background: #FFF url(img/bg.gif) repeat-y; center top;  }

  如果網頁內容較少，body的背景圖片只占了瀏覽器的高度的一部分，很難看，現給body加個最小高度：

  body {    background:#FFF url(img/bg.gif) repeat-y center top;

  min-height:100%; height:auto !important; height:100%;  }

在ie下顯示很好，但在chrome上依舊不起作用，現把html的高度設為100%，一切ok了，最終代碼如下：

html { height:100%;  }  
body { 
    background:#FFF url(img/bg.gif) repeat-y center top;   
    min-height:100%; 
    height:auto !important; 
    height:100%;  
}

原文鏈接

云服務器 GPU云服務器 php body內容 php中body內容 body extjs body

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/110950.html

BODY內容高度不夠瀏覽器高時BODY背景不在最下面的解決辦法

最近遇到這個問題，搜索引擎找到了答案，收藏于此文章。我們在設計網頁的時候經常會碰到要張BODY加背景的情況，BODY里面的內容足夠多的時候這個問題一般不被發覺，但在BODY內容比較少的時候會發現BODY的底圖背景就出現在頁面的某些位置（不是最底部）這樣導致了網頁看起來不友好，那要如何去改呢？下面把我知道的貼在下面供大家一起交流學習： CSS代碼： body { bac...

Prasanta 2019-08-01 14:43 評論0 收藏0
DIV+CSS IE6/IE7/IE8/FF兼容問題匯總

摘要：下兼容問題，這個最好處理，轉化成兼容就可以。暫時還沒找到專用的兼容。高度不適應高度不適應是當內層對象的高度發生變化時外層高度不能自動進行調節，特別是當內層對象使用或時。只是目前并不支持。以上都是寫中的一些兼容，建議遵循 1.IE8下兼容問題，這個最好處理，轉化成ie7兼容就可以。在頭部加如下一段代碼，然后只要在IE7下兼容了，IE8下面也就兼容了 2.flaot浮動造成IE6下面...

silvertheo 2019-08-28 18:06 評論0 收藏0
safari,IOS下iframe寬高度被內容撐出設備高度

摘要：問題瀏覽器下的的寬高都會被內容撐大這是一個瀏覽器存在的缺陷，無論如何設置的寬高，都會被內容的寬高撐大，這會導致頁面變得很大。問題：safari瀏覽器下的iframe的寬高都會被內容撐大這是一個safari瀏覽器存在的缺陷，無論如何設置iframe的寬高，都會被內容的寬高撐大，這會導致頁面變得很大。解決方案設置iframe scrolling=0屬性使用overflow:sc...

james 2019-08-02 16:05 評論0 收藏0
safari,IOS下iframe寬高度被內容撐出設備高度

摘要：問題瀏覽器下的的寬高都會被內容撐大這是一個瀏覽器存在的缺陷，無論如何設置的寬高，都會被內容的寬高撐大，這會導致頁面變得很大。問題：safari瀏覽器下的iframe的寬高都會被內容撐大這是一個safari瀏覽器存在的缺陷，無論如何設置iframe的寬高，都會被內容的寬高撐大，這會導致頁面變得很大。解決方案設置iframe scrolling=0屬性使用overflow:sc...

zero 2019-08-29 16:41 評論0 收藏0
safari,IOS下iframe寬高度被內容撐出設備高度

摘要：問題瀏覽器下的的寬高都會被內容撐大這是一個瀏覽器存在的缺陷，無論如何設置的寬高，都會被內容的寬高撐大，這會導致頁面變得很大。問題：safari瀏覽器下的iframe的寬高都會被內容撐大這是一個safari瀏覽器存在的缺陷，無論如何設置iframe的寬高，都會被內容的寬高撐大，這會導致頁面變得很大。解決方案設置iframe scrolling=0屬性使用overflow:sc...

vincent_xyb 2019-08-23 11:55 評論0 收藏0