vscode背景图片不显示问题

最新推荐文章于 2024-05-10 14:48:26 发布
最新推荐文章于 2024-05-10 14:48:26 发布
阅读量2.1w 收藏 7
点赞数 2
分类专栏： html5 文章标签： vscode
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/shengjunlintianxia/article/details/88539562
版权

这或许是vscode的一个bug，以防万一，我把它记下来。

首先，图片不显示有几个可能：

  1. 图片文件坏了

  2. 路径写错了

  3. 样式写错了

 我要插入的就是那个小三角，在IDEA写的路径：background-image：url(/dist/img/beijing.jpg) ，它可以正常显示，然而我用vscode打开的时候，它不见了！害我上上下下看了好几遍，CTRL+单击，能链接到图片呀，然后我试着改一下路径：把图片复制到../img/beijing.jpg，运行，嘿！它又有了，什么原理。

另外，经过尝试，我发现把样式直接写进html文件也可以显示出来。

还有，IDEA开tomcat过一段时间后为什么会时不时卡捏？

shengjunlintianxia
关注
  • 2
    点赞
  • 踩
  • 7
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
调整图片大小
10-17
在日常的数字媒体工作中，调整图片大小是一项基本且频繁的操作。无论是为了适应不同的展示平台...在实际操作中，应根据具体情况权衡图像质量与文件大小，确保调整后的图片既能达到预期效果，又能满足上传和显示的要求。
点击浮动，图片放大
07-11
在这个特定的应用场景中，用户点击图片时，会触发一个效果，即图片在一个浮于当前页面的遮罩层中放大显示。下面将详细讲解这个过程中的关键知识点。 **JavaScript** JavaScript 是一种广泛使用的客户端脚本语言，...
vscode中png图片在浏览器中无法显示(pink老师教程中的问题)
weixin_51200364的博客
04-05 1585
关于png图片路径正确却无法在浏览器中显示的问题
VSCode图片无法显示（已解决）
热门推荐
m0_53546362的博客
03-20 2万+
萌新刚开始接触前端，和使用VSCode，但是不知道为什么用VSCode查看不了图片，如下 点击“是否仍要打开？”后，而后点击图像预览，依旧无法显示。。。（当然，似乎也与图片有关。） 当我查看其他图片时，点击图像预览，又可以显示出来，如下这张 求大佬帮忙解决一下这个问题！！！ ...
VScode链接服务器不显示图片
最新发布
weixin_43873725的博客
05-10 126
感觉用了能搜到的所有办法了，都没很好的解决。保存到文件夹里能看，先这样用吧。
在vscode中给background-image属性添加图片路径后，无法显示图片，原因和解决办法
weixin_46041602的博客
11-08 4594
，但是设置背景图片使用的图片路径格式必须是"插入图片使用的路径格式是:“
css background img无法显示
Wksycxy的博客
07-04 3707
css与html路径中的斜杠兼容性不同
关于解决vsode背景图片无法显示和线性渐变无法显示
m0_73995815的博客
11-02 1513
* 兼容Firefox */background: -webkit-linear-gradient(red, white);/* 兼容Safari */background: -o-linear-gradient(red, white);/* 兼容Opera */先在url内输入./ 然后vscode会自动弹出文件，记住所有css的图片都需要保存在html的文件里面。这个可能是vscode的一个bug。
vscode ssh 远程ubuntu，plt.show不显示图片问题
qq_42817826的博客
03-24 2408
例如，我这一段是加载我自己处理的数据时候，然后plt.show(),不可视化出我的图片，只需要使用plt.savefig(savepath)。savepath为你要保存该图到哪个路径，比如上图的'./2.jpg',是一个相对路径，就是将plt.show()的图片保存到当前路径下，名称为2.jpg.下图为我保存的1.jpg和2.jpg。分别为干净图像和合成的噪声图像。
vscode-hentai:[WIP] 在vscode上看色图
05-30
该标题提到的"vscode-hentai"是一个针对Visual Studio Code（简称VSCode）的扩展插件，它的工作原理是在用户编写代码时自动显示图像，根据描述可能是某种背景图片或者提示功能。然而，考虑到“色图”一词在中文中的...
自适应窗口大小背景特效代码
03-20
在这个例子中，当窗口宽度小于或等于600px时，背景图片会变为`your-mobile-background.jpg`，这可以优化小屏幕设备的用户体验。 在提供的压缩包文件中，"使用帮助.txt"可能是关于如何应用这些代码的指导文档，而"谷...
threejs实现动态登录背景
11-11
`.vscode`目录可能包含了开发环境的配置文件，如VSCode的设置。`public`目录通常用于存放静态资源，如CSS样式表和图片。 总的来说，这个项目利用Three.js和dat.GUI创建了一个动态的登录背景，用户可以通过GUI控制台...
VSCode中Markdown 无法显示图片
givbw的博客
06-09 1万+
vscode需要打开 markdown文件和其引用的图片所在文件夹。
在vscode的jupyter中使用plotly绘图，图片显示不出来
lyb06的博客
11-10 4268
vscode的jupyter中plotly绘图有结果但是显示不出的解决方法
VSCode点击“Open In Default Browser”提示错误信息“Open browser failed!! ...”
tears_of_Themis的博客
04-21 2249
VSCode点击“Open In Default Browser”时，提示报错信息“Open browser failed!! Please check if you have installed the browser chrome correctly!”
vscode中为什么放进去图片未显示_为什么下面代码在本课程里能看到效果，在vscode里选择浏览器打开看不到？...
weixin_39637979的博客
02-04 2285
屏幕分辨率的高和宽var s ="网页可见区域宽："+ document.body.clientWidth;s+="\r\n网页可见区域高："+ document.body.clientHeight;s += "\r\n网页正文全文宽："+ document.body.scrollWidth;s += "\r\n网页正文全文高："+ document.body.scrollHeight;s += ...
【问题解决】ubuntu18.04 vscode 界面显示不全，内容一闪一闪
丨晋丨
08-06 2124
打开 vscode 内容显示不全，并且鼠标点击的地方一闪一闪的，左栏和设置界面也显示不全。重新卸载安装也不行。
vscode背景图片
08-21
在 Visual Studio Code 中，你可以更改编辑器的背景图片。以下是一些步骤，可以帮助你实现这个目标： 1. 首先，确保你已经安装了 Visual Studio Code。 2. 打开 Visual Studio Code。 3. 在顶部菜单栏中，选择 "文件" (File)。 4. 选择 "首选项" (Preferences)。 5. 从下拉菜单中选择 "设置" (Settings)。这将打开一个新的窗口或标签页，显示 VS Code 的设置选项。 6. 在搜索框中，输入 "背景图像" (Background Image)。 7. 在搜索结果中，找到 "工作台: 背景图像" (Workbench: Background Image)。 8. 点击 "编辑" (Edit in settings.json)。这将打开你的 VS Code 配置文件。 9. 在配置文件中，你可以使用以下代码来更改背景图像： ```json "workbench.colorCustomizations": { "workbench.background": "/path/to/your/image.jpg" } ``` 请将 `"/path/to/your/image.jpg"` 替换为你想要设置为背景图像的实际文件路径。 10. 保存配置文件，并关闭它。 11. 重新启动 Visual Studio Code，你应该能够看到新设置的背景图像生效了。 请注意，上述步骤只适用于更改工作区的背景图像。如果你想要更改编辑器的窗口背景图像，可以在第8步中将 `"workbench.background"` 改为 `"editor.background"`。 希望这对你有所帮助！如果你有任何其他问题，请随时提问。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值