увеличить размер текста заголовка при наведении мыши

Question

увеличить размер текста заголовка при наведении мыши

0

Я хочу увеличить размер тега заголовка при наведении мыши, который находится в теге привязки. поэтому как можно настроить цель.

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

Kesar Sisodiya 15 март 2014, в 09:36

Источник

0

возможно дублирование Возможно ли отформатировать всплывающую подсказку HTML?
Jukka K. Korpela 15 март 2014, в 09:41

Теги:

javascript

jquery

html

css

4 ответа

Ещё вопросы

возможно дублирование Возможно ли отформатировать всплывающую подсказку HTML?

RKS · Answer 1 · 2014-03-15T05-20-00.000Z

Вы не можете увеличить размер свойства title.

Вы можете попробовать использовать всплывающую подсказку, предоставленную jQuery. Пример подсказки jQuery

Это не ответ, но он полезен, поэтому я не могу утвердить его как ответ, но я даю вам +1
@kesarsisodiya, «Вы не можете» - это правильный ответ. Есть несколько обходных путей, наиболее популярными являются «всплывающие подсказки CSS».

Node Bot · Answer 2 · 2014-03-15T05-06-00.000Z

Текст title обрабатывается браузером и не предоставляется нам. Вы можете сделать свой собственный обработчик текста title с помощью JavaScript, но я не думаю, что это очень хорошее решение.

MKhalid · Answer 3 · 2014-03-15T06-30-00.000Z

проверьте это, надеюсь, что это поможет вам


    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;

    }

Это похоже на зависание, это не похоже на заголовок.

tywalker · Answer 4 · 2014-03-15T04-49-00.000Z

Вы можете использовать div, который отображается при наведении курсора на текст.

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

затем настройте его с помощью css

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

Первый ответ был довольно простым. Но вы можете просто позиционировать его относительно названия ссылки, которое хотите показать.

Это хороший трюк, но я не могу его использовать, потому что это невозможно использовать в моем коде :(
Вы также можете использовать абсолютное позиционирование, но оно стоит больше головной боли, чем стоит больше, чем вероятно. Я бы использовал Javascript на твоем месте. Или просто жить так, как есть, ха-ха.