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

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>

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

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

vue 背景透明度_Visual Studio 2017 设置透明背景图
一.前言给大家分享一下,如何为VS2017设置透明背景图.下面是一张设置前和设置后的图片. 设置前: 设置后: 二.设置背景图片的扩展程序我们打开VS的扩展安装界面:[工具]->[扩展和更新 ...
Pycharm、Vscode设置美女背景【内附20张高清图片】
大家好,我是小袁背景:事情的起因呢是这样的,有些小伙伴(老色批)问我Pycharm.Vscode怎么设置美女的背景图片,作为宠粉博主,这不我给这些单身的小兄弟安排上了,男程序员的终极福利来了,从此之 ...
notepad设置背景颜色_Word2017中如何设置透明背景图和取消背景图
如何在Word2017中设置透明背景图 1.打开Word文档 2.选择"插入"-"形状",选择并绘制你所需要的背景图形状 3.选中所绘的形状,点击右键,选择&q ...
vscode设置了背景图片之后提示code安装似乎损坏,请重新安装
先看问题报错: 问题分析: 在我给vscode设置了背景图片之后,vscode就提示了这个报错,原因就是因为我们用到的background的插件不受vscode支持或者是与Vscode的核心文件起了冲 ...
R可视化包ggplot2设置透明背景实战
R可视化包ggplot2设置透明背景实战目录 R可视化包ggplot2设置透明背景实战 #ggplot2设置透明背景语法 #ggplot2绘图
透明怎么弄_最新版微信如何设置透明背景？这样设置，效果令人惊喜
微信叒更新了,你的微信有更新吗?听说这次更新是安卓端的先更新,苹果端的还不能更新.今天小编要跟大家分享的是新版微信应该如何设置透明背景,不清楚微信透明背景长什么样子的?没关系,给你看看设置透明背景之后 ...
Visual Studio 2019 设置透明背景图（傻瓜式教学）
Visual Studio 2019 设置透明背景图一.前言二.设置背景图片的扩展程序三.编辑主题一.前言给大家分享一下,如何为VS2019设置透明背景图.下面是一张设置后的图片. 二.设置 ...
windows点阵字体转linux版,Deepin 20.1下安装和配置点阵字体，可解决低分屏字体模糊问题...
本文介绍在Deepin 20.1系统下安装和配置点阵字体的方法,内容有安装字库(包含相关字体下载链接).修改字体配置文件及效果展示截图,处理过后可解决低分屏字体模糊及发虚的问题. 前言 Deepin ...
解决1920 * 1080笔记本字体模糊问题
解决1920 * 1080笔记本字体模糊问题字体模糊是因为分辨率缩放比不能很好的将字体整数缩放. 那么应该怎么解决这个问题呢? 1920 * 1080台式电脑的缩放比为100% 但是如果笔记本用10 ...

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

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

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

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

最新文章

热门文章