Question

我在点击图片中的链接时遇到问题。正如你在代码中看到的那样，我在我的页面上有一些关于facebook，twitter和youtube的图标，我想将它们链接到原始源。但是，如果我试图点击链接它不起作用。

我正在努力解决这个问题，任何人都可以帮助我。

<div id="content">
<div id="social_media">
    <img  id='audio_img' src="img/fb.png" href="https://www.facebook.com 
    /fcbarcelona" alt='Facebook' title='Facebook' width='35' height='35'>
    <img  id='audio_img' src="img/twiiter.png" href="https://twitter.com
    /FCBarcelona" alt='Twitter' title='Twitter' width='35' height='35'>
    <img  id='audio_img' src="img/yt.png" href="https://www.youtube.com
    /fcbarcelona" alt='Youtube' title='Youtube' width='35' height='35'>
</div>

#social_media{
 position:fixed;
 margin-left:18px;
 margin-top:43px;
  }

 #social_media img {
 display: block; 
 margin-top:5px;
 }

Answer 1

您需要通过在其周围放置一个/ a来使整个图像成为链接

<a href="https://www.facebook.com/fcbarcelona">
    <img  id='audio_img' src="img/fb.png" alt='Facebook' title='Facebook'width='35' height='35'>
</a>

Answer 2

    <a href="https://www.facebook.com/fcbarcelona">
 <img  id='audio_img' src="img/fb.png"> alt='Facebook' title='Facebook' width='35' height='35'> </a>

Answer 3

您只能使用没有第一张图像的元素：

CSS:
a{text-decoration: none;}
.fb{background-image: url('fb.png') no-repeat; background-size: 35px 35px;}
.yt{background-image: url('yt.png') no-repeat; background-size: 35px 35px;}
.tw{background-image: url('tw.png') no-repeat; background-size: 35px 35px;}
HTML:
<a class="fb"></a>
<a class="tw"></a>
<a class="yt"></a>

无法点击链接

3 个答案: