草庐IT

Hyperlink

全部标签

javascript - 检查是否支持 <a href ="tel:5555555">

是否可以检查浏览器是否支持电话号码超链接?EG:检查是否Calluson555555555会起作用。我试图避免“无法打开页面。Safari无法打开页面,因为地址无效。”在iPod/iPad等设备上输入消息。谢谢。 最佳答案 在桌面Skype上使用“callto:”规范而不是“tel:”我想你可以为此使用css。只需添加一些@media规则:.telClass{display:none;}.callToClass{display:block;}@mediaonlyscreenand(max-device-width:480px){.t

javascript - 检查是否支持 <a href ="tel:5555555">

是否可以检查浏览器是否支持电话号码超链接?EG:检查是否Calluson555555555会起作用。我试图避免“无法打开页面。Safari无法打开页面,因为地址无效。”在iPod/iPad等设备上输入消息。谢谢。 最佳答案 在桌面Skype上使用“callto:”规范而不是“tel:”我想你可以为此使用css。只需添加一些@media规则:.telClass{display:none;}.callToClass{display:block;}@mediaonlyscreenand(max-device-width:480px){.t

html - 较大可点击区域内的链接(仅限 CSS)

这是一篇关于在较大的可点击区域内创建链接的好文章:http://css-tricks.com/links-inside-of-larger-clickable-areas/此解决方案需要JavaScript。在文章的末尾,有一个指向纯CSS解决方案的断开链接(显然它可以完成),但我无法弄清楚如何仅使用CSS来完成。有什么想法吗? 最佳答案 对我来说似乎不太难(JSFiddle)。HTML:ClickableClickableClickableClickableClickable​CSS:a{color:#f4ebd4;font-fa

html - 较大可点击区域内的链接(仅限 CSS)

这是一篇关于在较大的可点击区域内创建链接的好文章:http://css-tricks.com/links-inside-of-larger-clickable-areas/此解决方案需要JavaScript。在文章的末尾,有一个指向纯CSS解决方案的断开链接(显然它可以完成),但我无法弄清楚如何仅使用CSS来完成。有什么想法吗? 最佳答案 对我来说似乎不太难(JSFiddle)。HTML:ClickableClickableClickableClickableClickable​CSS:a{color:#f4ebd4;font-fa

html - href ="mailto:"不适用于任何浏览器

我已经创建了一个带有一些超链接的网页(尚未在​​线)。我应该在页面上包含电子邮件ID的某些超链接。我尝试以这种格式创建链接:但是这些并没有像预期的那样使用Outlook的新邮件打开。在Chrome上,它什么都不做。在Firefox、IE和Safari上,当我点击链接时,它会打开一个新的空白Chrome窗口。这个系统是新的,上面所有的浏览器都是最新的。 最佳答案 前提是你有registeredadefaultemailclient,如果您使用的是,这通常有效标记如下:Mailme要更改或检查电子邮件客户端设置,请执行以下操作(引用自M

html - href ="mailto:"不适用于任何浏览器

我已经创建了一个带有一些超链接的网页(尚未在​​线)。我应该在页面上包含电子邮件ID的某些超链接。我尝试以这种格式创建链接:但是这些并没有像预期的那样使用Outlook的新邮件打开。在Chrome上,它什么都不做。在Firefox、IE和Safari上,当我点击链接时,它会打开一个新的空白Chrome窗口。这个系统是新的,上面所有的浏览器都是最新的。 最佳答案 前提是你有registeredadefaultemailclient,如果您使用的是,这通常有效标记如下:Mailme要更改或检查电子邮件客户端设置,请执行以下操作(引用自M

javascript - 如何将最后单击的 anchor 设置为与所有其他链接不同的颜色?

a:link{color:#FF0000}/*unvisitedlink*/a:visited{color:#00FF00}/*visitedlink*/a:hover{color:#FF00FF}/*mouseoverlink*/a:active{color:#0000FF}/*selectedlink*/pseudo-classes(链接、已访问、悬停、事件)并没有完全按照我的意愿行事,即突出显示页面上最后单击的链接,使其与页面上所有其他链接的颜色不同。这是否需要JQuery,如果需要,有什么建议吗? 最佳答案 您不需要Java

javascript - 如何将最后单击的 anchor 设置为与所有其他链接不同的颜色?

a:link{color:#FF0000}/*unvisitedlink*/a:visited{color:#00FF00}/*visitedlink*/a:hover{color:#FF00FF}/*mouseoverlink*/a:active{color:#0000FF}/*selectedlink*/pseudo-classes(链接、已访问、悬停、事件)并没有完全按照我的意愿行事,即突出显示页面上最后单击的链接,使其与页面上所有其他链接的颜色不同。这是否需要JQuery,如果需要,有什么建议吗? 最佳答案 您不需要Java

html - 链接图像上的额外填充(在每个浏览器中)

我在使用内部图像的链接元素上获取额外填充时遇到问题。它发生在所有浏览器中,Safari、Firefox、IE。我应用了重置样式表,因此填充上不应有任何额外的边距,但经检查很明显a元素有一些额外的底部填充。有什么想法吗?这是标记和CSS:div.home-col.movie{padding:0011px0;background:url(../img/bg-shadow-movie.png)bottomno-repeat;}div.home-col.moviea{display:block;background:url(../img/bg-zoom-movie.png)50%5pxno-r

html - 链接图像上的额外填充(在每个浏览器中)

我在使用内部图像的链接元素上获取额外填充时遇到问题。它发生在所有浏览器中,Safari、Firefox、IE。我应用了重置样式表,因此填充上不应有任何额外的边距,但经检查很明显a元素有一些额外的底部填充。有什么想法吗?这是标记和CSS:div.home-col.movie{padding:0011px0;background:url(../img/bg-shadow-movie.png)bottomno-repeat;}div.home-col.moviea{display:block;background:url(../img/bg-zoom-movie.png)50%5pxno-r