文本不渲染在DIV

我有以下的CSS：文本不渲染在DIV

#navigation { 
 
    background-color: #ededed; 
 
    text-align: center; 
 
    margin: 0; 
 
    font-size: 0; 
 
} 
 

 
#meet { 
 
    position: relative; 
 
    z-index: 1; 
 
    display: inline-block; 
 
    background-color: #088A85; 
 
    width: 300px; 
 
    height: 90px; 
 
    margin: 0; 
 
    padding: 0; 
 
} 
 

 
#meet p { 
 
    z-index: 3; 
 
    background-color: #000000; 
 
    text-align: center; 
 
    color: 
 
} 
 

 
#meet a, #develop a, #beinformed a{ 
 
    color: #ffffff; 
 
    text-decoration: none; 
 
} 
 

 

 
.council { 
 
    background-image: url(council.png); 
 
}

而且下面的HTML代码：

<div id="navigation"> 
 
<div id="meet"> 
 
<p>THIS TEXT IS NOT SHOWN</p> 
 

 
\t <span class="button council"> 
 
\t <a href="djfdf">council</a> 
 
\t </span> 
 
\t <span class="button tacticalgroup"> 
 
\t <a href="dfkl">tactical group</a> 
 
\t </span> 
 
\t 
 
</div>

出于某种原因，文本Paragr没有显示aph。我尝试过各种各样的东西（z-index等），但它不起作用。我在这里错过了什么？

来源

2016-10-10 Kris Van den Bergh

您将文字大小设置为0后忘记了将其复位大小 –

投票结束此问题是由于无法再现的问题或简单的印刷错误导致的。虽然类似的问题可能在这里讨论，但这个问题的解决方式不太可能有助于未来的读者。 –

谢谢，我现在也注意到了。令人困惑。 –

我忘了我已经把font-size值设为0，这就解释了为什么P中的文本没有显示。因此，我将P元素的字体大小设置为更高的值，并解决了问题。

来源

2016-10-10 13:53:42

文本不渲染在DIV

回答

相关问题