Изображение при наведении курсора, появляется кнопка - PullRequest
0 голосов
/ 09 июля 2010

У меня есть тестовая страница:

http://www.youmethem.com/test/divdiv.html

Что мне нравится создавать:

Если навести курсор на изображение, появится черная кнопка с текстом и ссылками. Если оставить изображение мышью, кнопка (с текстом и ссылками) исчезнет.

Как я могу создать это? Надо работать с IE6-7.

PS: я использовал это, чтобы центрировать кнопку над изображением: css-vertical-center-solution

Обновление:

Относительно ответа Добятовского:

Вот мое решение css (техника меню). Ссылка на последнюю версию: текст ссылки

Мышь отлично работает с IE6 и всеми современными браузерами. Но у меня есть некоторые ошибки дисплея.

Есть ли способ их исправить?

IE 8/9 во всех современных браузерах (оптимально)

IE 7 (кнопка появляется за правым изображением - ошибка)

IE 6 (кнопка появляется за правым изображением, граница нарушена - ошибка)

1 Ответ

0 голосов
/ 09 июля 2010

вы можете сделать это в css или в javascript

javascript:

<img onmouseover="document.getElementById('div12').style.display = 'block';"
onmouseout="document.getElementById('div12').style.display = 'none';" src='img.jpg'/>

проблема будет, когда вы наводите курсор мыши на div, поэтому img fireup onmouseout событие.*

...