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

Question

我想在鼠标悬停时增加标题标签大小，这是锚标签。那么如何定位到标题。

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

Answer 1

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

Answer 2

您无法增加title属性的大小。

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

Answer 3

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

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

然后使用css

设置样式

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

第一个答案很简单。但你可以将它相对于你想要显示的链接标题定位。

Answer 4

检查一下，希望它可以帮助你

    a {
      color: #000;
      text-decoration: none;
    }


    a:hover {
      color: green;
      position: relative;
    }


    a[title]:hover:after {
      content: attr(title);
      padding: 4px 8px;
      color: #000;
      position: absolute;
      left: 0;
      top: 100%;
      white-space: nowrap;
      z-index: 20px;
      -moz-border-radius: 5px;
      -webkit-border-radius: 5px;
      border-radius: 5px;
      background:#ccc;

    }