當我更改span標籤的透明度時，爲什麼會出現黑條？

-1

給了一個span標籤兩個背景，然後用rgba使它透明，但是當我改變它時，我的內容中會出現水平的黑色條紋/條。有人可以解釋爲什麼，或者如何解決它？當我更改span標籤的透明度時，爲什麼會出現黑條？

謝謝。

h1 span { 
 
    color: white; 
 
    background-color: black; 
 
    background: rgba(0,0,0,0.7); 
 
    letter-spacing: 1px; 
 
    padding: 5px; 
 
}

<div class="image"> 
 
    <img src="images/castle.jpeg" alt="Wide musuem"/> 
 
    <h1><span>Beautiful Museums<span></h1> 
 
</div>

來源

2016-11-15 Jonathan Garland

這裏是我們的代碼？ –

如果它對你來說是一個謎，那麼它對我們來說就是一個謎，直到你分享一些代碼。 – Andrew

我們在看到問題而不是對其進行成像後提供解決方案會容易得多。 –

您忘記關閉您的跨度標籤

</span>

來源

2016-11-15 13:56:25

你在你的代碼中的錯字。您有兩個未公開的<span> s。關閉它：

h1 span { 
 
    color: white; 
 
    background-color: black; 
 
    background: rgba(0,0,0,0.7); 
 
    letter-spacing: 1px; 
 
    padding: 5px; 
 
}

<div class="image"> 
 
    <img src="images/castle.jpeg" alt="Wide musuem"/> 
 
    <h1><span>Beautiful Museums</span></h1> 
 
</div>

來源

2016-11-15 13:56:35

必須關閉span標籤。取而代之的

<span>Beautiful Museums<span>

必須使用

<span>Beautiful Museums</span>

來源

2016-11-15 13:56:47 RWAM

我的歉意。我會在再次發帖之前查看我的拼寫。謝謝。 –

當我更改span標籤的透明度時，爲什麼會出現黑條？

回答

相關問題