Как я могу изменить свой код, чтобы он был совместим с! Doctype html - PullRequest
Новая
       8

Как я могу изменить свой код, чтобы он был совместим с! Doctype html

0 голосов
/ 30 августа 2018

Я создал хорошо работающий веб-сайт, затем добавил HTML-код документа, который, похоже, выявил некоторые ошибки в моем CSS.

После добавления типа документа стили для двух элементов исчезли. Я могу найти элементы, используя инструмент разработчика Chrome, но у них нет стиля. Как только я снимаю Doctype, они работают нормально. 

.clearlogo {
  z-index: 1;
  position: absolute;
  opacity: 0.1;
  height: 800px;
  left: -450px;
  top: -40px;
}

.clearlogo1 {
  z-index: 1;
  position: absolute;
  opacity: 0.1;
  height: 800px;
  right: -450px;
  top: -40px;
}
<div class="blueDiv">

  <img class="clearLogo" src="images/clearlogo.png">
  <img class="clearLogo1" src="images/clearlogo.png">

  <div class="wrapperSmall">
    <div class="centeredText white">
      <h2>WHY WE ARE UNIQUE</h2>
      <hr>
    </div>

    <div class="container">
      <div class="col">
        <i class="fas fa-tv"></i>
        <div class="info">
          <h2>Facilites</h2>
          <hr class="hrLong">
          <p>Etiam quis elementum sem, id lacinia arcu. In eros enim, malesuada non dictum sed, aliquet sed justo.</p>
        </div>
      </div>
      <div class="col">
        <i class="fas fa-thumbs-up"></i>
        <div class="info">
          <h2>Range of Sectors</h2>
          <hr class="hrLong">
          <p>Etiam quis elementum sem, id lacinia arcu. In eros enim, malesuada non dictum sed, aliquet sed justo.</p>
        </div>
      </div>
    </div>
  </div>
</div>

1 Ответ

0 голосов
/ 30 августа 2018

В стандартном режиме имена классов считаются чувствительными к регистру. В режиме причуда их нет.

.clearlogo прекращает сопоставление class="clearLogo" при запуске стандартного режима.

...