В настоящее время я пытаюсь найти лучший способ заменить мое текущее меню навигации (которое имеет эффект наведения и раскрывающееся меню) с изображениями вместо того, чтобы иметь текст в качестве ссылок. Я хочу иметь те же самые эффекты, которые у меня есть, но скрыть текст и использовать изображения вместо этого.Замена текста навигационной панели изображениями?
Чтобы текст присутствует, но не видно, самый простой способ заключается в использовании следуют два правила в соответствующих правилах:
text-indent: -1000em;
overflow: hidden;
Это переместит текст за пределы элемента, в котором он будет невидимым, оставляя только фоновое изображение.
Не будет ли это также перемещать границы эффектов наведения и выпадающего меню? Цель здесь состоит в том, чтобы новые изображения могли быть зависшими, а выпадающее меню - в командной строке. – Lukon
№ Это только отступы текста. –
Ваш css действительно груб. Вы переучиваете все и повторяете стили всюду. Я предлагаю очистить все это. Но в то же время в вашем css добавьте:
Пробовал это, похоже, также скрывает мое раскрывающееся меню и сокращает пространство наложения как основных навигационных эффектов, так и размера выпадающего меню. Является ли усадка просто потому, что нет текста, чтобы растянуть ее или? – Lukon
Да. Вам нужно будет переписать код css, но в конечном итоге это то, что вы хотите использовать. –
Просто вставьте изображения, используя тег '![]()
'? что ты уже испробовал? –
Brian
Изображения как ссылки меню кажутся довольно старой школой для меня ... и, вероятно, плохой SEO и доступностью. –
Я попытался сделать что-то по строкам: