【问题标题】:Permanent Webpage Background in CSSCSS中的永久网页背景
【发布时间】:2013-09-19 04:38:21
【问题描述】:

我目前正在为一个想要一个简单的博客/网站的朋友制作一个基本网站,并且有一个快速的 CSS 问题。

http://nashread.com/template1是当前域,如果那里的背景很好,覆盖了整个屏幕。那是因为内容框不够长,无法扩展页面。如果单击“博客”选项卡,您会看到如果内容框扩展了背景,它只会进入空白区域。基本上我要问的是,我将如何做到这一点,所以当你滚动它时只滚动内容框,而不是整个网页?它甚至可能在 HTML 或 CSS 中都不可能,所以如果是,请告诉我。

谢谢(=

【问题讨论】:

    标签: html css background


    【解决方案1】:

    只需在您的 css 中进行以下更改,我希望它对您有用。而不是绝对位置,我将其更改为固定位置。

    #background {
        background: url("pics/bg.jpg") no-repeat scroll 0 0 transparent;
        height: 100%;
        margin: 0;
        position: fixed;
        width: 100%;
        z-index: 1;
    }
    

    【讨论】:

    • 谢谢,辛苦了!我知道它会像那样简单.. 将在几个答案中评价 (=
    • 我正在查看您的博客页面......您正在使用更多不必要的标签作为空间。就像你有一些空白的 p 标签(

      )。对于间距,您可以使用填充。对于博客文章,您可以将其安排在 ul 和 li 中。因此,您可以在 li 中使用 bottom-border 而不是 hr,而在 li 中使用空白 p 标签代替 padding-bottom 和 margin-bottom。
    猜你喜欢
    • 2017-03-30
    • 1970-01-01
    • 2018-09-21
    • 1970-01-01
    • 2013-07-22
    • 2013-01-11
    • 2021-02-06
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多