在我的 tumblr 博客上,如何将背景设置为一张巨型图像?

发布于 2024-12-24 04:08:03 字数 527 浏览 4 评论 0原文

这是我的 tumblr 博客:

thestorywithnoending.tumblr.com

博客的代码是我在这里找到的主题:

http ://themes.pouretrebelle.com/lycoris/?download

(只需向下滚动一点,整个代码就在那里)

我希望背景图像只是一张图像......

我知道我的描述性不够,所以进一步解释一下:我希望它是这样的:

http://chloescheffe.com/< /a>

你会看到该网站上的背景图像是......基本上一切。当你改变网页的大小时,背景图片也会随之改变?

我怎样才能在我的 tumblr 博客上做到这一点?

谢谢 :)

This is my tumblr blog:

thestorywithnoending.tumblr.com

the code for the blog is a theme I got here:

http://themes.pouretrebelle.com/lycoris/?download

(just scroll down a bit, the whole code is there)

I want the background image to just be ONE image...

I know I'm not being descriptive enough, so to fruther explain: I want it to be like this:

http://chloescheffe.com/

you see how on that website the background image is.... everything basically. And when you change the size of the webpage, the background image changes accordingly?

how can I do that on my tumblr blog?

THANKS :)

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

倾其所爱 2024-12-31 04:08:03

与CSS。将背景图像的高度和宽度设置为 100%。抱歉,我会给你代码,但这个键盘不具备大键盘的所有字符。
使用背景大小 css 属性 w3schools.com/cssref/css3_pr_background-size.asp

with css. set the height and width of your bg image to 100%. sorry, i'd give you the code but this keyboard doesn't have all the characters of a larger one.
use the background-size css property w3schools.com/cssref/css3_pr_background-size.asp

晒暮凉 2024-12-31 04:08:03

您可以使用background-size通过两种方式实现此目的。一种将拉伸图像,另一种将正确填充宽度,但剪掉底部。

对于拉伸,请将其添加到您的 body CSS 中:

body {
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

对于宽度填充(这对于您当前的博客来说看起来更好),请将其添加到您的 body CSS 中:

body {
    background-repeat: no-repeat;
    background-size: cover;
}

You can do this two ways using background-size. One will stretch the image and one will fill the width properly, but cut off the bottom.

For stretch, add this to your body CSS:

body {
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

For width-fill (this looks better with your current blog), add this to your body CSS:

body {
    background-repeat: no-repeat;
    background-size: cover;
}
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文