Как скрыть этот текст при наведении?

Ссылка скопирована
28 января 2026 1 ответ

Как скрыть этот текст, который появляется при наведении? Страница

Как скрыть этот текст при наведении?

Дополнительно:

Ответы:

Убрать атрибут title. Или если нужно убрать только для нижестоящего элемента, оному можно прописать title="".

  • Aetae это возможно как-то через стили скрыть? Не правя код
  • Илья Деревянных, нет.
  • Проще всего это можно сделать через JavaScript:
    let sizeButtons = document.getElementsByClassName("button-variable-item");   for (let i = 0; i < sizeButtons.length; i++) {   sizeButtons[i].removeAttribute("title");   sizeButtons[i].removeAttribute("data-wvstooltip"); }

    let sizeButtons = document.getElementsByClassName("button-variable-item"); for (let i = 0; i < sizeButtons.length; i++) { sizeButtons[i].removeAttribute("title"); sizeButtons[i].removeAttribute("data-wvstooltip"); }

    Код выше удаляет атрибуты, которые отвечают за появление текста при наведении.

    Вы можете добавить этот код на свой сайт через плагин для Wordpess

Попробуйте удалит аттрибут @data-wvstooltip у ./parent::li[1] элемента

Проще всего эту проблему можно решить добавив на сайт JavaScript код ниже через плагин для Wordpress

let sizeButtons = document.getElementsByClassName("button-variable-item");   for (let i = 0; i < sizeButtons.length; i++) {   sizeButtons[i].removeAttribute("title");   sizeButtons[i].removeAttribute("data-wvstooltip"); }

let sizeButtons = document.getElementsByClassName("button-variable-item"); for (let i = 0; i < sizeButtons.length; i++) { sizeButtons[i].removeAttribute("title"); sizeButtons[i].removeAttribute("data-wvstooltip"); }

Нужно решить такую задачу?

Опишите проблему, и специалист поможет с настройкой, исправлением ошибки или доработкой сайта. Подберём понятный план работ без лишней переписки.

Заказать помощь
Лучший ответ
1
Елена Вебер Ответ

Для скрытия текста при наведении мы можем использовать CSS свойство opacity. Мы можем установить значение opacity: 0 для текста, который хотим скрыть, и затем при наведении курсора изменить это значение на opacity: 1 с помощью псевдокласса :hover.

Пример кода:

 
 
 
 
 
<title>Скрыть текст при наведении</title>
 
  .hidden-text {
    opacity: 0;
    transition: opacity 0.3s;
  }
  .hidden-text:hover {
    opacity: 1;
  }
 
 
 
  <p class="hidden-text">Текст, который будет скрыт при наведении</p>

<title>Скрыть текст при наведении</title> .hidden-text { opacity: 0; transition: opacity 0.3s; } .hidden-text:hover { opacity: 1; } <p class="hidden-text">Текст, который будет скрыт при наведении</p>

В данном примере мы создали класс .hidden-text, который устанавливает opacity на 0 и добавили transition для плавного перехода. При наведении курсора на текст, opacity изменяется на 1, и текст становится видимым.

Этот способ позволяет скрыть текст при наведении курсора и сделать его видимым только при активном взаимодействии пользователя.

Другие ответы (0)

Пока нет других ответов. Будьте первым, кто поможет автору.

Ответить на вопрос

комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Вам также может быть интересно