Question

希望有人能够帮助我。

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

其中一张图片是“Call Us - 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); 

}

Answer 1

通过移动绝对位置的图像，您可以将图像移出链接。做这个：代码：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; 
}

Answer 2

原来是标题下方的菜单容器正在我试图链接的图形上拉伸。

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

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

2 个答案: