如何將文本鏈接到另一個頁面

Question

我在將“solo player”這個詞鏈接到另一個頁面時遇到了一些問題，我已經為它編寫了代碼，但它不起作用

 <meta name="viewport" content="width=device-width, initial-scale=1"> <h2>Fade in Overlay</h2> <p>Hover over the image to see the effect.</p> <div class="container"> <img src="Image%20Character%202.PNG" alt="Avatar" class="image" style="width:500px;height:500px; text-align:center"> <a href="soloplayer.html"></a> <div class="overlay"> <div class="text">Solo Player</div> </div> </div>

Answer 1

將文本放在錨標記內：

<a href="soloplayer.html">
  <div class="overlay">
    <div class="text">Solo Player</div>
  </div>
</a>

您可能需要使用display: block樣式制作錨標記並重置默認樣式。

Answer 2

文本位於 a 標簽之外。 所以你可以把<div class="overlay">...</div>放在 a 標簽里面。

<a href="soloplayer.html">
  <div class="overlay">
    <div class="text">Solo Player</div>
  </div>
</a>