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

Prasanta 發(fā)布于2019-08-01 14:43 / 588人閱讀

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

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

  CSS代碼：

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

  如果網(wǎng)頁內(nèi)容較少，body的背景圖片只占了瀏覽器的高度的一部分，很難看，現(xiàn)給body加個最小高度：

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

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

  在ie下顯示很好，但在chrome上依舊不起作用，現(xiàn)把html的高度設(shè)為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云服務(wù)器云服務(wù)器 php body內(nèi)容 php中body內(nèi)容 body extjs body

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/49544.html

相關(guān)文章

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

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

Zachary 2019-08-28 18:00 評論0 收藏0
DIV+CSS IE6/IE7/IE8/FF兼容問題匯總

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

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

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

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

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

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

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

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