成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

BODY內(nèi)容高度不夠?yàn)g覽器高時(shí)BODY背景不在最下面的解決辦法

Zachary / 2281人閱讀

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

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


  
CSS代碼：

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


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

  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%;  
}

原文鏈接

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

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

相關(guān)文章

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

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

    Prasanta 評(píng)論0 收藏0

  • DIV+CSS IE6/IE7/IE8/FF兼容問(wèn)題匯總

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

    silvertheo 評(píng)論0 收藏0

  • safari,IOS下iframe寬高度被內(nèi)容撐出設(shè)備高度

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

    james 評(píng)論0 收藏0

  • safari,IOS下iframe寬高度被內(nèi)容撐出設(shè)備高度

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

    zero 評(píng)論0 收藏0

  • safari,IOS下iframe寬高度被內(nèi)容撐出設(shè)備高度

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

    vincent_xyb 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<