Cinema

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

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

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

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

解决方案

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

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

/*background-image*/
.app-content-body {
    background: url(https://ws1.sinaimg.cn/large/0062FpZ7ly1g1d43voe5qj30ee0o3jzs.jpg);
    background-size:cover;
    background-position:right bottom;
    background-repeat:no-repeat;
    position:fixed;
    z-index:-1;
    top:50px;
    left:0;
    right:0;
    bottom:0;
}

然后就解决啦。

2019年3月更新

已经完美自适应大小。

下面的已经成为废话啦。

小问题

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

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

或者找一张大一点的图。

我的文章对您有帮助吗?
请大佬投食
扫一扫拿红包 → 扫商家收款码 → 转账红包相同金额
免费赞赏完成
最后修改:2019 年 03 月 24 日 12 : 36 AM

发表评论