如果我有文字，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

你在你的CSS忘了_爲#owner_heaven感謝。

#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>