背景剪輯在谷歌網站中不起作用

Question

 <h1 style="background:white;color:blue;background-clip:text;"> Eli's Opinion Website </h1>

不起作用的部分是剪輯部分。 其他一切都有效。 我只需要在文本結束時結束文本的背景。

Answer 1

根據您的描述，您可能會發現display:inline很有幫助。

 .header { display: inline; background: lightblue; color: blue; }

 <h1 class="header"> Eli's Opinion Website </h1>

排隊
該元素會生成一個或多個內聯元素框，這些框不會在自身之前或之后生成換行符。 在正常流程中，如果有空間，下一個元素將位於同一行。 --顯示

根據您的上下文，您可能會考慮display:inline-block 。
另請參閱display: inline 和 display: inline-block 有什么區別？

內聯塊（舊版）
該元素生成一個塊元素框，它將與周圍的內容一起流動，就好像它是一個單一的內聯框一樣（行為很像被替換的元素）。