使用自定义 CSS 时背景渐变未出现在黑曜石中

Question

我正在尝试使用以下 CSS 片段在 Obsidian 中设置自定义背景渐变：

.workspace,
.markdown-preview-view,
.markdown-source-view,
.side-dock,
.mod-root {
  background-color: transparent !important;
}

body {
  background-size: 500px 500px;
  background-image: radial-gradient(circle, #000000 1px, rgba(0, 0, 0, 0) 1px);
}

但是，背景渐变并未按预期出现。我已经确保正确应用了 CSS，但它似乎被覆盖或忽略了。

我检查过的内容：

• 主题允许自定义 CSS。
• CSS 保存在正确的文件中（例如 obsidian.css）。
• 没有其他样式覆盖我的 CSS。

Answer 1

它不可见，因为您在

1px

中使用了

background-image

，它太小以至于不可见，因此尝试使用更高的属性，例如我在下面的示例中使用的

10%

（请参阅完整页面视图）。

如果我误解或错过了什么，请分享。

body {
  background-size: 500px 500px;
  background-image: radial-gradient(circle, #000000 10%, rgba(0, 0, 0, 0) 10%);
}

<h2>
  CleanCodeEditor
</h2>