В настоящее время я пытаюсь найти лучший способ заменить мое текущее меню навигации (которое имеет эффект наведения и раскрывающееся меню) с изображениями вместо того, чтобы иметь текст в качестве ссылок. Я хочу иметь те же самые эффекты, которые у меня есть, но скрыть текст и использовать изображения вместо этого.Замена текста навигационной панели изображениями?
ответ
Чтобы текст присутствует, но не видно, самый простой способ заключается в использовании следуют два правила в соответствующих правилах:
text-indent: -1000em;
overflow: hidden;
Это переместит текст за пределы элемента, в котором он будет невидимым, оставляя только фоновое изображение.
Не будет ли это также перемещать границы эффектов наведения и выпадающего меню? Цель здесь состоит в том, чтобы новые изображения могли быть зависшими, а выпадающее меню - в командной строке. – Lukon
№ Это только отступы текста. –
Ваш css действительно груб. Вы переучиваете все и повторяете стили всюду. Я предлагаю очистить все это. Но в то же время в вашем css добавьте:
Пробовал это, похоже, также скрывает мое раскрывающееся меню и сокращает пространство наложения как основных навигационных эффектов, так и размера выпадающего меню. Является ли усадка просто потому, что нет текста, чтобы растянуть ее или? – Lukon
Да. Вам нужно будет переписать код css, но в конечном итоге это то, что вы хотите использовать. –
- 1. Фиксированная позиция замена навигационной панели
- 2. Настройка текста навигационной панели - CSS
- 3. Масштаб текста в навигационной панели
- 4. Замена обычной навигационной панели изображением! (Titanium Appcelerator)
- 5. Ввод текста на навигационной панели Bootstrap
- 6. Вертикальное центрирование текста в навигационной панели
- 7. Вертикального выравнивания текста в навигационной панели
- 8. Настройка текста элемента BarButton на навигационной панели?
- 9. Репликация текста заголовка навигационной панели iOS7
- 10. Выравнивание логотипа и текста в навигационной панели
- 11. Горизонтальное выравнивание в навигационной панели
- 12. Как изменить цвет навигационной панели?
- 13. Изменение навигационной панели в Swift
- 14. Как устранить столкновение навигационной панели и навигационной панели?
- 15. Пользовательское изображение в навигационной панели, скрывающей пользовательские кнопки навигационной панели
- 16. Редактировать возможность навигационной панели
- 17. Получение высоты навигационной панели
- 18. изменить цвет навигационной панели
- 19. Неисправность навигационной панели Bootstrap
- 20. Ошибки на навигационной панели
- 21. Внешний вид навигационной панели
- 22. Отключить анимацию навигационной панели
- 23. Перемещение элементов навигационной панели
- 24. Настройка навигационной панели портала
- 25. Загрузочные поля навигационной панели
- 26. Центрирование навигационной панели div
- 27. Руководство по навигационной панели
- 28. Маска маскировки навигационной панели
- 29. Непреднамеренная потеря навигационной панели
- 30. Сбой на навигационной панели
Просто вставьте изображения, используя тег ''? что ты уже испробовал? – Brian
Изображения как ссылки меню кажутся довольно старой школой для меня ... и, вероятно, плохой SEO и доступностью. –
Я попытался сделать что-то по строкам: