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

最新推荐文章于 2024-06-23 12:37:58 发布

yeqifeng2288

最新推荐文章于 2024-06-23 12:37:58 发布

阅读量7.8k

点赞数 5

文章标签： vscode

本文链接：https://blog.csdn.net/yeqifeng2288/article/details/86517355

版权

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>

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

在这里插入图片描述

yeqifeng2288

关注

5
点赞
踩
6

收藏

觉得还不错? 一键收藏
2
评论
VSCode设置透明背景,解决透明度导致全局字体模糊问题

VSCode 设置透明背景，解决透明度的问题但这个方法有点个确定，就是透明度的问题，照片透明度越高，那么字体的透明度也高，导致代码或者菜单选项看不清网上找到的大多数教程都是使用这个方法/*background start*/body{pointer-events:auto !important;background-size:100% !important;opacity: 0.93 !im...
复制链接

扫一扫