在鼠标悬停时增加标题文本的大小答案

【问题标题】：increase size of title text on mouse hover在鼠标悬停时增加标题文本的大小
【发布时间】：2014-03-15 16:24:36
【问题描述】：

我想在锚标记中的鼠标悬停时增加标题标记的大小。那么如何定位到标题。

<a href="#pop-up-form" rel="wp-video-lightbox" title="Nous contacter" class="a">kesar sisodiya</a>

【问题讨论】：

Is it possible to format an HTML tooltip? 的可能重复项

标签： javascript jquery html css

【解决方案1】：

title 文本由浏览器处理，我们无法使用。您可以使用 JavaScript 制作自己的 title 文本处理程序，但我认为这不是一个很好的解决方案。

【讨论】：

【解决方案2】：

您不能增加 title 属性的大小。

您可以尝试使用 jQuery 提供的工具提示。 jQuery Tooltip example

【讨论】：

这不是一个答案，但它很有用，所以我不能批准作为答案，但我给你 +1
@kesarsisodiya，“你不能”是一个答案，正确的答案。有几种解决方法，“CSS 工具提示”最为流行。

【解决方案3】：

您可以使用将鼠标悬停在文本上时显示的 div。

<div class="custom_title_tag">This is the title</div>

然后用 css 设置样式

a:hover .custom_title_tag {
    background:black;
    opacity: 1.0;
}

第一个答案很简单。但是您可以将其相对于您要显示的链接标题进行定位。

【讨论】：

这是个好技巧，但我不能使用它，因为它不可能在我的代码中使用它:(
您也可以使用绝对定位，但它的价值比它的价值更令人头疼。如果我是你，我会使用 Javascript。或者就这样活下去吧哈哈。

【解决方案4】：

检查一下，希望对你有帮助

一个 { 颜色：#000；文字装饰：无； } 一：悬停{ 颜色：绿色；位置：相对； } a[标题]：悬停：在{之后内容：attr（标题）；填充：4px 8px；颜色：#000；位置：绝对；左：0；最高：100%；空白：nowrap； z-index：20px； -moz-边界半径：5px； -webkit-border-radius：5px；边框半径：5px；背景：#ccc; }

【讨论】：

它完全像悬停，它不是一个看起来像标题。