图片在博客园后台相册中添加,然后找到路径。
不是专业做界面的,对着F12的元素审查一个个看得然后覆盖了一些效果,然后,不断调整和对比。
就这样,代码在下面:放后台能用。
body { url('http://images.cnblogs.com/cnblogs_com/bai2018/1456282/o_1328843365068430691.jpg') fixed no-repeat; //修改背景图片 background-position: 50% 5%; background-size: cover; background: rgba(12, 100, 129, 0.2)!important; } .day{ background: rgba(255, 255, 255, 0.3); } .header{ background: rgba(255, 255, 255, 0); height: 100px; width: 1300px; //opacity:0.5; } .headerText{ text-align:left; float:left; padding-left: 50px; } #main{ width: 1300px; } #mytopmenu{ background-image: url(); width: 1060px; } #leftcontent{ //float:none; background: rgba(255, 255, 255, 0); } #leftcontentcontainer{ background: rgba(255, 255, 255, 0.3); } #centercontent{ width: 1060px; //background-color:transparent; } .syntaxhighlighter{ background: rgba(255, 255, 255, 0.3) !important; } #highlighter_239513{ background: rgba(255, 255, 255, 0.3) !important; } .cnblogs_Highlighter sh-gutter{ background: rgba(255, 255, 255, 0.3) ; } .post{ background: rgba(255, 255, 255, 0.3) ; }