Cinema

[CSS]handsome主题非盒子模型下使用背景图片
Head Pic: 【女の子】"逆流茶会(本)第三弹 | 千夜QYS3[pixiv]盒子模型才能用背景图片?解决方...
扫描右侧二维码阅读全文
03
2019/02

[CSS]handsome主题非盒子模型下使用背景图片

Head Pic: 【女の子】"逆流茶会(本)第三弹 | 千夜QYS3[pixiv]

盒子模型才能用背景图片?

解决方案

我不会CSS阿所以就直接F12看了一波。

发现文章栏和右侧边栏都位于一个叫做app-content-body,所以就直接给这里上了CSS的background-image

.app-content-body {
    background-image: url(your-image-url);
    background-repeat: no-repeat;
    background-attachment: fixed;
    float: left;
    width: 100%;
    padding-bottom: 50px;
}

然后就解决啦。

小问题

这样做有一个小问题,如果你放的背景图片很小,就会导致大部分区域都没有图片。

你可以通过删除background-repeat: no-repeat;让图片重复咳咳。

或者找一张大一点的图。

我的文章对您有帮助吗?
请大佬投食
扫一扫拿红包 → 扫商家收款码 → 转账红包相同金额
免费赞赏完成
Last modification:February 3rd, 2019 at 04:22 pm
If you think my article is useful to you, please feel free to appreciate

Leave a Comment