今天打算给网站加个背景音乐播放器，网上找来找去，发现用于typecho的背景音乐播放插件并不多，而且基本上都不更新了，无奈，只能矮个子里挑高的，选了Yodu BGM这个插件。
插件安装开启之后，出现了一个很难受的问题，插件的播放键与本站夜间模式按钮重合了，导致按下播放键后，会导致歌曲并不播放，反而夜间模式开启的问题，让人十分头疼。
如图：
对于从来没接触过css的我而言，让我改css文件简直就是要我的命，但是没办法，为了网页的美观与背景音乐问题，只能强行顶着上了。
然而，多次对css文件中的参数修改，我发现，在刷新网页之后，播放器的位置没有任何的变化，很奇怪，于是在另一台设备上查看了网页，发现图标其实是有变化的，我想，会不会是因为浏览器没有重载css的参数而导致的，于是在接下来的每次修改中，我都清空了浏览器的缓存，发现这个法子的确有效，在每次修改css文件并清除缓存重载浏览器后，播放器的位置都出现了变化，由此得出结论浏览器为了快速访问，并不会重新载入css文件，说实话，每改一下清缓存刷新一下，还是怪麻烦的，但能咋办，还是得硬着头皮上，终于，经过一次又一次的尝试，我大概理解了yodu bgm的css中各代码代表的各项参数。
这里用的是yodubgm1.6版本，css文件代码如下:
@font-face {font-family: 'ydbgm';src: url(data:font/truetype;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg9jDFQAAAC8AAAAYGNtYXAAk9NNAAABHAAAAGRnYXNwAAAAEAAAAYAAAAAIZ2x5Zq98cUMAAAGIAAABsGhlYWQLbpAHAAADOAAAADZoaGVhByYDdgAAA3AAAAAkaG10eAvcAGwAAAOUAAAAHGxvY2EA3AFyAAADsAAAABBtYXhwAAkARwAAA8AAAAAgbmFtZZlKCfsAAAPgAAABhnBvc3QAAwAAAAAFaAAAACAAAwH3AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADx2ANt/24AkgNtAJIAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQASAAAAA4ACAACAAYAAQAg8AHxBfHY//3//wAAAAAAIPAB8QXx2P/9//8AAf/jEAMPAA4uAAMAAQAAAAAAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQBJ/4QDtwM8AEQAAAERFAcGBwYHBiMiJyYnJicmNTQ3Njc2NzYzMhcRBREUBwYHBgcGIyInJicmJyY1NDc2NzY3NjMyFxE0NzY3JTYzMhcWFQO3ExQdHh4dGhkeHR4eExQUEx4eHR4ZPDL+SRQTHh4dHhkaHR4eHRQTExQdHh4dGjwyCgsRAdwHCRcQEAMF/X8cFxYMDAYGBgYMDBYXHB0WFwwMBgYWATOI/msdFhYNDAYGBgYMDRYWHR0WFgwNBgYXAioRDw4GkwIQEBcAAAEAEQBDAV0CfQAZAAABFAcBBiMiLwEmNTQ/AScmNTQ/ATYzMhcBFgFdBf71BgcHBh0FBeHhBQUdBgcHBgELBQFgBwb+9QUFHQYHBwbh4QYHBwYdBQX+9QYAAAAAAQASADsBXAKFABIAAAEUBwEGIyInJjURNDc2MzIXARYBXAv/AAsPDwsLCwsPDwsBAAsBYA8L/wALCwsPAgAPCwsL/wALAAAAAQAAAAAAAE4KM+1fDzz1AAsEAAAAAADUTKYlAAAAANRMpiUAAP+EA7cDPAAAAAgAAgAAAAAAAAABAAADbf9uAAAEAAAAAAADtwABAAAAAAAAAAAAAAAAAAAABwQAAAAAAAAAAAAAAAEAAAAEAABJAW4AEQFuABIAAAAAAAoAFAAeAIYAtADYAAEAAAAHAEUAAQAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQAHAAAAAQAAAAAAAgAHAGAAAQAAAAAAAwAHADYAAQAAAAAABAAHAHUAAQAAAAAABQALABUAAQAAAAAABgAHAEsAAQAAAAAACgAaAIoAAwABBAkAAQAOAAcAAwABBAkAAgAOAGcAAwABBAkAAwAOAD0AAwABBAkABAAOAHwAAwABBAkABQAWACAAAwABBAkABgAOAFIAAwABBAkACgA0AKRpY29tb29uAGkAYwBvAG0AbwBvAG5WZXJzaW9uIDEuMABWAGUAcgBzAGkAbwBuACAAMQAuADBpY29tb29uAGkAYwBvAG0AbwBvAG5pY29tb29uAGkAYwBvAG0AbwBvAG5SZWd1bGFyAFIAZQBnAHUAbABhAHJpY29tb29uAGkAYwBvAG0AbwBvAG5Gb250IGdlbmVyYXRlZCBieSBJY29Nb29uLgBGAG8AbgB0ACAAZwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAC4AAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format('truetype');
font-weight: normal;
font-style: normal}
bgm [class*=" icon-"],bgm [class^=icon-]{font-family:ydbgm!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.icon-music:before{content:"\f001"}.icon-you:before{content:"\f105"}.icon-bofang:before{content:"\f1d8"}
.ymusic{z-index:999;position:fixed;right:5px;top:57px;width:24px;height:24px;line-height:24px;text-align:center;border-radius:5px;background:#fff;color:red;cursor:pointer;box-shadow:0 0 8px #555}bgm a,bgm a:hover{text-decoration:none}bgm a:hover{color:#2479CC}#ydnext{top: 603px;}@media only screen and (min-width:767px){.ymusic {top: 570px;}#ydnext{top: 606px;}}
而在这串代码中，决定了播放按钮位置的代码只有最后的{.ymusic {top: 57px;}#ydnext{top: 44px;}}
这串代码决定了播放按钮以及下一首按钮的上下位置，数字越大，处于浏览器越下方，还有在z-index:999;position:fixed;right:5px;top:57px;width:24px;height:24px;
中的right值，它决定了右侧空位，值越大，按钮越靠左，其中的top值应该是指移动端下播放按钮距离顶端的位置？至于其中的width与height值，是影响外面方框的大小，建议保留原样。除了我上面提到的四个值，其余值都保持原样即可（因为我也不知道改了会发生啥QWQ）。
最后附上一张修改位置后的效果图
