#css #image #google-chrome #tooltip
#css #изображение #google-chrome #всплывающая подсказка
Вопрос:
У нас есть всплывающая подсказка, которая появляется при наведении курсора мыши на маленькое (?) изображение. Однако в Chrome, когда вы снимаете курсор (мышь выключена), часть изображения в нашей всплывающей подсказке каким-то образом все еще отображается, как какое-то призрачное изображение.
Это тестовый пример jsFiddle:
Комментарии:
1. Можете ли вы создать тестовый пример jsFiddle ?
2. Теперь я добавил тестовый пример.
Ответ №1:
Не используйте встроенный элемент '.tooltip span'
. Используйте 'div'
или добавьте 'display:block'
к этому промежутку в вашем css
файле.
Комментарии:
1. Спасибо, это сработало. Можете ли вы сообщить мне, почему добавление display: block решает проблему?
2. Я нашел эту статью webdesignfromscratch.com/html-css/css-block-and-inline и надеюсь, это поможет вам понять