Question

我在点击图片或跨度标记后尝试重定向我的网页。

这是我的HTML代码：

<a href="" class="dashboard-module">
                <img src="img/admin/Crystal_Clear_settings.gif" tppabs="http://www.xooom.pl/work/magicadmin/images/Crystal_Clear_settings.gif" width="64" height="64" alt="edit" />
                <span>Settings</span>
            </a>

Answer 1

  <a href="http://www.google.com" class="dashboard-module">
            <img src="img/admin/Crystal_Clear_settings.gif" tppabs="http://www.xooom.pl/work/magicadmin/images/Crystal_Clear_settings.gif" width="64" height="64" alt="edit" />
            <span>Settings</span>
        </a>

Answer 2

跨度标签不能用作链接（除非你想使用javascript，这是一个坏主意）看看你的代码片段，我猜你需要在<img>类中包含span和.dashboard-module。

这是我将如何做到的：

<div class="dashboard-module">
    <img src="img/admin/Crystal_Clear_settings.gif" tppabs="http://www.xooom.pl/work/magicadmin/images/Crystal_Clear_settings.gif" width="64" height="64" alt="edit" />
    <a href="#redirect-link"><span>Settings</span></a>
<div>

Answer 3

这很简单，只需将您的链接放在锚href标记中即可。

<a href="www.example.com" class="dashboard-module">
  <img src="img/admin/Crystal_Clear_settings.gif" tppabs="http://www.xooom.pl/work/magicadmin/images/Crystal_Clear_settings.gif" width="64" height="64" alt="edit" />
  <span>Settings</span>
</a>

Working Demo

跨度标签重定向页面

3 个答案: