Блог

Главная - Вопросы по программированию - текст не отображается в div

текст не отображается в div

#html #css #z-index

#HTML #css — код #z-индекс #css

Вопрос:

У меня есть следующий CSS:

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

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

По какой-то причине текст в абзаце не отображается. Я пробовал разные вещи (z-индекс и т.д.), Но это не работает.
Чего мне здесь не хватает?

Комментарии:

1. Вы забыли сбросить размер текста после установки его на 0

2. Голосование за закрытие, поскольку этот вопрос был вызван проблемой, которую больше нельзя воспроизвести, или простой опечаткой. Хотя подобные вопросы могут быть здесь по теме, этот был решен таким образом, который вряд ли поможет будущим читателям.

3. спасибо, я тоже это заметил. сбивал с толку.

4. Пожалуйста, проверьте это link:-developer.mozilla.org/en-US/docs/Web/CSS/CSS_Positioning /…

Ответ №1:

Я забыл, что я установил для размера шрифта значение 0, и это объясняет, почему текст в P не отображается. Поэтому я установил размер шрифта элемента P element на более высокое значение, и это решает проблему.