博客被人丢进了雷姆

雷姆 （“Re：从零开始的异世界生活”中的人物） 雷姆，轻小说《Re：从零开始的异世界生活》及其衍生作品的登场角色，在罗兹沃尔的宅邸中一手担当全部杂务的双胞胎女仆中的妹妹，貌恭而实不敬的毒舌担当；宅邸的机能得以维持，可说是完全仰仗她的有能。

昨天在手机上看到了这两张图片：

当时我就灵光一闪，这个加在博客的左下角，必定是极好的。于是实现了下，效果见博客右下角（手机等窄屏端看不到哦）

图片部分： 于是下载原图，ps把白色背景p成透明，把图片尺寸改为75*55，最后上传图片。

代码html部分：

div class="sidebar_wo">
    
img src="图片一链接" alt="雷姆.png" onmouseover="this.src='图片二链接'" onmouseout="this.src='图片一链接'" id="audioBtn">
    
/div>

代码css部分：

.sidebar_wo{
        
position: fixed;
    
bottom: 0px;
    //让图片固定到网站底部
left: 0;
    //让图片靠左
z-index: 1;

}

@media only screen and (max-width:767px){

.sidebar_wo{
    
display: none;
//屏幕尺寸小于767px时隐藏雷姆
}

}
    

css部分大致是这样，根据你的模板不同可能会需要稍加改动。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！