Href литий тег не работает

Question

Это мой код:

   <li> 
       <figure> 
        <img src="images/1.png" alt="img04"> 
        <figcaption> 
         <h3>Text</h3> 
         <span>Text</span> 
         <a href="#screen" class="cd-modal-trigger">View</a> 
        </figcaption> 
       </figure> 
      </li> 

Я хочу, когда я нажимаю на изображение, HREF перейти к #screen. Но когда я пытаюсь это сделать:

<img src="images/1.png" alt="img04" href="#screen"> 

Это не работает.

Так что, когда вы нажимаете на изображение, вы идете на # экран?

Answer 1

Так что, когда вы нажимаете на изображение, вы идете на # экран?

При нажатии на текст View, вы идете в #screen. Это связано с тем, что текст находится внутри <a> с атрибутом href.

Вы делаете то же самое с изображением, которое вы сделали с текстом, если хотите, чтобы тот же эффект при нажатии на изображение.

Оберните <img> в элементе <a>. Поместите атрибут href на элемент <a>.

Answer 2

Попробуйте это:

<a href="#screen"><img src="images/1.png" alt="img04"></a>