如果我有文本，div 的渐变背景不会显示？

Question

我正在尝试为 Enjin 网站制作标签（实际上是两个）。我正在尝试使用其中的渐变文本制作渐变，但它不起作用。这是我的代码：

#ownerheaven {
    width: 120px;
    height: 30px;
    background: linear-gradient(#00A6FF, #0033FF);
    border-radius: 60px;
}
#owner_heaven_text {
    font-size: 20px;
    padding: 0;
    margin: 0;
}

<div id="container">
    <div id=" heaven"></div>
        <div id="owner_heaven">
            <h1 id="owner_heaven_text">OWNER</h1>
        </div>
    <div id="dragon">
        <div id="owner_dragon"></div>
    </div>
</div>

提前感谢您的帮助:)

Answer 1

您在 #owner_heaven 的 CSS 中忘记了一个 _。

#owner_heaven {
    width: 120px;
    height: 30px;
    background: linear-gradient(#00A6FF, #0033FF);
    border-radius: 60px;  
}
#owner_heaven_text {
    font-size: 20px;
    padding: 0;
    margin: 0;
}

<div id="container">
    <div id=" heaven"></div>
        <div id="owner_heaven">
            <h1 id="owner_heaven_text">OWNER</h1>
        </div>
    <div id="dragon">
        <div id="owner_dragon"></div>
    </div>
</div>

如果我有文本，div 的渐变背景不会显示？

Gradient background of a div doesn't show up if I have text?

html

css

webkit

gradient