半透明效果无法显示

[拉格朗日插值多项式]

请仔细说明自己遇到的问题，以下是参考模板。这里不要求非得按模板发帖，但内容中包含相关要素能让大家更好地帮助你。

---

遇到的问题

这是开启后的效果
obsidian半透明效果开启后没有用

已尝试的解决方案

不知道如何解决，因为没有css相关的能力
想知道大家是否也遇到过同样的问题？

[Probe]

开启后, 左侧栏和右侧栏是有半透明效果的,
但中央笔记区域不生效

如果要把全界面都设成类似这种毛玻璃, 可以

.workspace-leaf,
.workspace-tab-header-container {
  background: transparent;
}

.workspace-split.mod-root,
.workspace-split.mod-root .view-content,
.workspace-split.mod-root .view-header {
  background: transparent;
}

.view-header-title-container:not(.mod-at-end):after {
  background: transparent;
}

ref

但我自己感觉, 这样更看不清了…

[拉格朗日插值多项式]

感谢回复
可是两边并不是透明的，无论背景是什么都是这种蓝色
我试试您提供的方法

[拉格朗日插值多项式]

好悲伤

[Probe]

你这两张截图, 感觉完全没生效啊…

我这边试了下是这样的 (剩了几个难看的白底, 但也能调)

先设为默认主题试试呗, 也把各种 snippets 都关了

[NJczh]

我也遇到了一样的问题，捣鼓了一下找到了解决办法：

检查 Win11 设置 > 个性化 > 颜色 > 透明效果 选项是否开启，若没开启，点击选项后面的按钮开启，即可解决 Obsidian 无法渲染半透明的问题。

[禾急]

非常感谢提供的css，我这里还有几个问题想要请教一下

就是我用的默认主题，只开了这一个css，在关闭所有插件的情况下他的顶部和标签页还是白的，请问有什么办法可以让它也是透明的吗，感谢‍

[Probe]

重试于 v1.5.8 版本,
目前已能折腾到下面的效果, 未完美实现, 只供参考

之前那些 css 仍有效, 且还得再补充如下一堆进去:

.workspace-tab-header.is-active{
    background-color: transparent; /* 当前页签 背景 */
}

.workspace-tab-header.is-active::before, 
.workspace-tab-header.is-active::after {
    box-shadow: inset 0 0 0 var(--tab-outline-width) var(--tab-outline-color), 0 0 0 calc(var(--tab-curve) * 4) transparent;
    box-shadow: none !important;  /* 所有页签 圆角 禁用 */
}

.view-header {
    background-color: transparent !important; /* 页签下 笔记主体上 标题栏 */
}

body {
    --code-background: #f6f6f633;                 /* 行内代码, 代码块 背景 */
    --status-bar-background: #f6f6f677;           /* 右下角状态条 背景 */
    --background-modifier-form-field: #f6f6f633;  /* 某些输入框的背景 */
    --search-result-background: #f6f6f633;        /* 搜索结果高亮段落的背景 */
}

.workspace-split:not(.mod-root) .graph-controls.is-close {
    background-color: #f6f6f677;  /* 关系图的按钮 */
}

以上 css, 只为了 给默认主题修补半透明效果, 且还有许多情况没顾上考虑 (实际调 css 时, 发现随手点开一个页面, 又见到一堆新的 按钮 背景 … 需要调!)

此外, 插件们一般也带自己的 css, 不好做到界面统一

[ccc1]

太牛了，我试了一下效果非常好，就是右下角状态栏好像还没有半透明，请问有可以做到的办法吗

[Probe]

最新版本 v1.6.5, 这效果已经不能用了…

如果是旧版, 可以试试改这个颜色

/* 这段也在楼上代码里 */
body {
    ...
    --status-bar-background: #f6f6f677;           /* 右下角状态条 背景 */
    ...
}

可能还能用

[ccc1]

确实不能用了，我的版本就是1.6.5，好在除了这个别的效果都很完美