Задать вопрос
@Bestolkovy

Почему не задаётся жёлтый фон для ссылки?

Добрый день!

Почему не задаётся жёлтый фон для ссылки? Ведь она находится над изображением?

<li>
  <a href="#">
    <img src="http://www.jqueryscript.net/demo/Lightweight-Responsive-Content-Slider-Plugin-with-jQuery-CSS3-lightslider/img/1.jpg">
  </a>
</li>


li {
  position: relative;
  width: 460px;
  height: 300px;
  z-index: 1;
}

a {
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
  background: yellow;
  z-index: 2;
}
  • Вопрос задан
  • 93 просмотра
Подписаться 1 Оценить Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Stepik
    Основы HTML и CSS
    2 недели
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Решения вопроса 1
HamSter007
@HamSter007
HTML/CSS верстальщик
Если бы <a href=""> была внутри <img> (что невозможно), то да было бы "выше".

А вот так:

<ul>
  <li>
    <a href="#"></a>
    <img src="http://www.jqueryscript.net/demo/Lightweight-Responsive-Content-Slider-Plugin-with-jQuery-CSS3-lightslider/img/1.jpg">    
  </li>
</ul>


Ссылка будет поверх изображения.
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
andykov
@andykov
Shit happens
Ответ тут: https://habrahabr.ru/post/166435/ и как дополнение к пониманию https://habrahabr.ru/post/225721/
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы