对于博客的魔改

1972天前 · 代码 · 719次阅读

耗时2天的魔改结束了

啊呀,真是一路跌跌撞撞

背景大图

简单粗暴,大刀豁斧,直接改html的标签233,就像这样

html
{
    background-image:url(图片路径);
    background-repeat:no-repeat;
    background-position:center top;
    background-attachment:fixed;
}

然而狗ios的浏览器居然不支持background-attachment,真烦
百度了一下,发现加上这些就ok了

html:before {
    content: ' ';
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-position:center top;
    background-image:url(路径);
    background-repeat:no-repeat;
    background-size: auto 100vh;
    z-index: -1;
}

圆角

在更改了背景图片之后,文字的阅读收到了极大的阻碍
所以,加入了半透明的背景,优@雅
在加上圆角设计,顺便加了个footer

那么半透明怎么实现呢
这里用到了rbga属性
r=red b=blue g=green a=透明度

background-color:color:rgba(255,255,255,0.5);//半透明背景
border-radius:10px;//圆角

音乐加入

因为是全站ajax,所以可以大胆加入歌曲啦
用的是diygod菊苣的APlayer


总结
啊我好困...

👍 0

css

最后修改于1350天前

评论

贴吧 狗头 原神 小黄脸
收起

贴吧

狗头

原神

小黄脸

  1. 佬黑 1223天前

    加油噢~~~

  2. 佬黑 1223天前

    继续nl

  3. 佬黑 1223天前

    继续加油呀

目录

avatar

季悠然

寻找有趣的灵魂

127

文章数

1960

评论数

3

分类

好热啊

arknights!

强大使人快乐。

215