Question

我想在图片上创建一个超链接，但是，当我添加标签时，图片没有显示。如何在这种情况下添加超链接？

<div class="content-block-01 margin-top-40">
    <div class="row">
        <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
            <div class="content-w">
                <div class="content-02 content-img">
                    <img class="ult-new-ib-img" style="opacity: 1;" alt="" src="/image/01.jpg">                    <div class="line-block-2"></div>
                    <div class="text-block">
                        <h2>text</h2>
                    </div>
                    <a class="link-block"></a>                                
                </div>
            </div>
        </div>
    </div>
</div>

Answer 1

您的img标记应包含在<a>标记

中

<a class="link-block">
 <img class="ult-new-ib-img" style="opacity: 1;" alt="" src="/image/01.jpg">                    
 <div class="line-block-2"></div>
  <div class="text-block">
 <h2>text</h2>
 </div>
</a>

如果您的图片不可见，请检查您是否拥有隐藏它的CSS样式。

Answer 2

希望这是你要找的＆lt; 3

<a href="http://www.yourlink.com">
<img alt="icon" src="log.png" width="100" height="100"></a>

Answer 3

您有两种选择。

第一：

将<img>加入<a>：

<a class="link-block" href="www.example.com">
    <div class="content-02 content-img">
        <img class="ult-new-ib-img" style="opacity: 1;" alt="" src="/image/01.jpg">
        <div class="line-block-2"></div>
            <div class="text-block">
                <h2>text</h2>
            </div>                               
        </div> 
    </div>
</a>

第二：

在图像上使用JS：

 <img onClick="location.href='www.example.com'" src="/image/01.jpg">

Answer 4

在锚标记内包含图像标记，然后图像将作为超链接。

示例：

<a href="http://www.google.com">
<img src="smiley.gif" alt="Go to google" >
</a>

Answer 5

尝试此操作将有助于在标记中设置图像路径，并在锚标记中设置href链接：

<a href="Your link path" target="_blank">
<img src="Your Image Path" alt="PlayerSoft" />
</a>

Answer 6

感谢您的所有努力。我正在使用电子商务解决方案的特定主题。我发现它是在这个区域添加超链接。

<a class="link-block" href="#"></a>

如何在图像上创建超链接

6 个答案: