您的位置：首页 > 其它

VSCode设置透明背景,解决透明度导致全局字体模糊问题

2019-01-17 03:03 459 查看

VSCode 设置透明背景，解决透明度的问题


网上找到的大多数教程都是使用这个方法

/*background start*/
body{pointer-events:auto !important;background-size:100% !important;opacity: 0.93 !important;background-position: 0 0 !important;background-image: url('file://E:/OneDrive/Pictures/overwatch/bg-53.jpg') !important;content:'';position:absolute;z-index:99999;width:100%;background-repeat:no-repeat;}
*background end*/

但这个方法有点个缺点，就是透明度的问题，照片透明度越高，那么字体的透明度也高，导致代码或者菜单选项看不清

###解决思路：
1.编辑workbench.html文件，然后加一个div，专门用来显示背景图。
2.使用透明png格式的图片，这样透明部分就不会导致代码或者菜单看不清
##解决方式
    编辑安装路径下的文件
    Microsoft VS Code\resources\app\out\vs\code\electron-browser\workbench\workbench.html
在body中添加以下div(必须添加在首行)

<body class="monaco-shell vs-dark" aria-label="">
<!-- 把代码添加到这里 -->
<div style="
background-image: url('file://C:/Images/a2.png');
pointer-events:none;
opacity:0.72;
position:absolute;
z-index:2;
background-size:contain;
width: 100%;
height: 100%;
left:360px;
background-repeat:no-repeat;
display:block;">
</div>
<!-- 以上是控制背景图的代码 -->
、/body>

#效果图
前端我就是个坑，希望有大佬能够告知能够自动右对齐的方法

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航