如何添加一个固定的背景图像

更新

如果你使用的WordPress主题是滚动的,你选择使用背景图像(不是背景图案),这是必须的,除非你的背景图像滚动你的内容。要让内容在背景图像上平稳滑动,只需将此代码段插入到style.css文件中,或者如果您使用GPP主题,则将其插入自定义CSS框中即可。容易馅饼!

身体{背景图片:url(“example.gif”);平铺方式:不再重演;background-attachment:固定;}


通讯
加入了280000年独立网站所有者

下一个加入我们每月通讯的人将获得25%的优惠!

我们保证100%的隐私。你的信息不会被分享。

这一项已入账。书签的永久链接

发布的他在Graph Paper Press工作

Thad是Theme的创始人。作品和图形纸印刷机。此前,他曾为《今日美国》制作在线多媒体和纪录片项目,包括奥巴马总统的就职典礼等。他和妻子艾比住在纽约布鲁克林。

关于“如何添加固定背景图像”的21个思考

  1. 做得很成功。所有其他博客对这个话题的信息都很有限。你有关于将代码放入定制的ccs文件的信息-没有人说要这样做!天才!

  2. 这正是我需要的。这显示了我的背景图像在全尺寸,它是静态的页面滚动到它上面。谢谢你!

    1. 我还没有能够使它工作的论文也,虽然我已经使用它在其他网站几次-你有找到解决方案?

  3. 萨德!我一整天都在找这个谢谢你。今天是css 101对我来说,所以我想知道这将如何发挥如果我创建几个单独的WP页面每个不同的BG图像?而不是把BG应用到整个博客。我输入了一些csa代码并将其应用到页面ID上。在预演之前我还挺得意的。我得到的是一个BG图像,裁剪得非常奇怪(从图像的顶部截取了一个很好的剪辑)。我希望你解决的是,我的灰色内容背景在主BG上运行,而不是透明。

    我用的是照片主题,我已经受够了。它功能很好,但这是不可能的,而且他们的画廊很烂。任何建议都将不胜感激。

    http://Www.trishreda.com/blog

    我现在在用我的手机,没有我的灾难的联系。

  4. Hi Thad,我已经在我的自定义CSS框中插入了这段代码,但没有任何改变。你能解释一下,有没有其他的方式把这个代码整合到我的网站。提前谢谢!

    1. 嘿,只是复制这个并粘贴到自定义css…它为我工作:)
      平铺方式:不再重演;
      background-attachment:固定;

留下一个回复