鼠標懸停時增加標題文本的大小

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示例

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;

    }