对于博客的魔改

February 5, 2017 · 代码 · 274次阅读

耗时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


总结
啊我好困...

喝杯水

标签:css

最后编辑于:2018/10/21 11:48

添加新评论

  1. 2019-02-24 22:45

    加油噢~~~

    回复
  2. 2019-02-24 22:44

    继续nl

    回复
  3. 2019-02-24 22:41

    继续加油呀

    回复

CATEGORIES

控制面板