单击链接或超链接图像时激活电话 - 给链接或图像ID时不起作用？

希望有人能够帮助我。单击链接或超链接图像时激活电话 - 给链接或图像ID时不起作用？

我有一个标题图形，我已经浮动/定位多个透明（PNG）图像。

这些图像之一是“打电话给我们 - 555-555-555”图形（PNG透明）

我所使用的是现在：

<a href="tel:555-555-5555"><img src="http://www.domain.com/images/numfloat.png" alt="Call Now!" id="flo"></a>

看来只要我添加一个“ id = ##“这个，它打破了链接功能。同样，当我用文本来试试这个。

有没有人有解决方案，他们可以与我分享吗？

谢谢！

更新：

页眉区域的内容：

<div id="header-box"> 
<a id="header-link" href="http://www.domain.com"></a> 


<a class="call" href="tel:000-000-0000"> 
    <img src="http://www.domain.comimages/numfloat.png" alt="Call Now!" id="flo"> 
</a> 

</div>

相关的CSS：

 #flo 
{ 
    width: 220px; 
    height: 83px; 
} 



.call 
{ 

    position:absolute; 
    top: 43px; 
    left: 810px; 

} 



#header-link { 
     position: absolute; 
     top: 43px; 
     left: 575px; 
     width: 200px; 
     height: 80px; 
     background-color: transparent; 
     border: 0px solid yellow; 

} 



.custom #header { 

    position:relative; 
    padding-left: 0; 
    padding-right: 0; 
    border-bottom: none; margin-bottom: 15px; height: 190px; 
    background-image: url(http://www.domain.com/images/header_graphic.jpg); 

}

来源

2014-07-17 Tom M

什么意思与不工作，我正在使用iPhone的Chrome浏览器，它可以正常工作，因为你有它。 – jtorrescr

如果我删除ID并且根本不重新定位图像，则链接将起作用。它移动的那一刻，超链接就会中断。在所有浏览器和手机上。我使用： 'code' .flo { 的位置是：绝对的; top：43px; left：810px; width：220px; height：83px; 'code' –

首先，你在你的HTML中有一个ID，在你的CSS中你使用的是一个CLASS，你正在重新定位图像的位置，不重新定位图像，移动URL – jtorrescr

你是通过图像与运动你的链接的运动图像绝对位置。这样做： CODE：http://jsfiddle.net/D67zL/1/ HTML

<a class="call" href="tel:555-555-5555"> 
    <img src="http://www.domain.com/images/numfloat.png" alt="Call Now!" id="flo"> 
</a>

CSS

#flo 
{ 
    width: 220px; 
    height: 83px; 
} 

.call 
{ 
    position:absolute; 
    top: 43px; 
    left: 810px; 
}

来源

2014-07-17 02:13:12 jtorrescr

非常感谢你的帮助/解释那里jtorrescr - 不幸的是，这没有奏效 - 我有同样的问题。我应该提到这被放入一个div - 不知道它是否有任何相关性。真的很奇怪，因为如果我不将任何类/ ID应用到图像上，它就会起作用。 –

你可以提供完整的HTML和CSS，它可以在我的iPhone上使用Chrome和Safari浏览器工作。 – jtorrescr

对不起，我还在为我工作。你在测试什么样的设计和浏览器？ – jtorrescr

原来这是标题下方的菜单容器被拉伸过的图形，我试图链接。

解决方案jtorrescr是正确的，但被我的菜单取消了！

来源

2014-07-17 15:28:24

单击链接或超链接图像时激活电话 - 给链接或图像ID时不起作用？

回答

相关问题