Question

我有以下CSS：

＆＃13;

#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);
}

＆＃13;

并遵循HTML代码：

＆＃13;

<div id="navigation">
<div id="meet">
<p>THIS TEXT IS NOT SHOWN</p>

	<span class="button council">
	<a href="djfdf">council</a>
	</span>
	<span class="button tacticalgroup">
	<a href="dfkl">tactical group</a>
	</span>
	
</div>

＆＃13;

由于某种原因，段落中的文字未显示。我尝试了各种各样的东西（z-index等），但它没有用。我在这里缺少什么？

Answer 1

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

文本不在div中呈现

1 个答案: