Изображение всплывающей подсказки застревает при наведении курсора мыши на элемент в Chrome

#css #image #google-chrome #tooltip

#css #изображение #google-chrome #всплывающая подсказка

Вопрос:

У нас есть всплывающая подсказка, которая появляется при наведении курсора мыши на маленькое (?) изображение. Однако в Chrome, когда вы снимаете курсор (мышь выключена), часть изображения в нашей всплывающей подсказке каким-то образом все еще отображается, как какое-то призрачное изображение.

Это тестовый пример jsFiddle:

http://jsfiddle.net/UYxBt/

Комментарии:

1. Можете ли вы создать тестовый пример jsFiddle ?

2. Теперь я добавил тестовый пример.

Ответ №1:

Не используйте встроенный элемент '.tooltip span' . Используйте 'div' или добавьте 'display:block' к этому промежутку в вашем css файле.

http://jsfiddle.net/fliptheweb/UYxBt/1/

Комментарии:

1. Спасибо, это сработало. Можете ли вы сообщить мне, почему добавление display: block решает проблему?

2. Я нашел эту статью webdesignfromscratch.com/html-css/css-block-and-inline и надеюсь, это поможет вам понять