-5
Что такое HTML-решение CSS для выделения определенных областей плана карты/этажа?Выделить области изображений при наведении на CSS
http://www.centrecourtshopping.co.uk/store-info/
A
ответ
0
Они используют спрайт изображение look here.
В принципе, это работает так:
- Карта с темно-синими областями полностью статичная.
- Наверху невидимый слой выполнен из небольшого прямоугольника в их корпусе
<a>- каждый соответствует одной сине-голубой области и имеет свой собственныйid. - Когда курсор помещается над прямоугольником с
id x, изображение спрайта прекрасно выравнивается с его фоном (путем установки CSSbackground-position).
Не думаю, что эта магия была бы возможна без использования JavaScript.
+0
Спасибо Артур, я ценю помощь. – user2988892
Смежные вопросы
- 1. Изменение изображений при наведении с помощью CSS
- 2. Увеличение изображений при наведении мыши
- 3. изменить ссылку изображений при наведении на ссылку CSS
- 4. CSS при наведении на IE11
- 5. как выделить строку таблицы при наведении курсора мыши при наведении
- 6. Как выделить строку таблицы при наведении только с помощью CSS?
- 7. Изображения CSS перемещаются при наведении на Chrome
- 8. изображений при наведении курсора эффектов
- 9. Как выделить колонку заголовка при наведении мыши?
- 10. Хотите выделить изображение при наведении курсора на соответствующий элемент.
- 11. CSS при наведении курсора мыши
- 12. Как выделить всю ячейку таблицы при наведении?
- 13. Как выделить строку таблицы при наведении
- 14. Как выделить целую ячейку при наведении курсора на ссылку
- 15. Изображение эффекта при наведении на css
- 16. Удаление наложения при наведении на использование css
- 17. Изменение фона при наведении курсора на css
- 18. CSS при наведении на элементе списка ссылки
- 19. CSS при наведении на ссылку - не работает
- 20. css ширина переход при наведении на ссылку
- 21. Как скрыть изображение при наведении на CSS?
- 22. Изменение изображения при наведении на использование CSS
- 23. Применение CSS при наведении на несколько компонентов
- 24. CSS-ссылка на значок, видимый при наведении
- 25. CSS - изменение цвета при наведении на sibiling
- 26. как выделить дугу при наведении указателя мыши на d3.js
- 27. Блок отображения CSS при наведении
- 28. CSS Анимация при наведении - медленно исчезает при наведении
- 29. Навигационная панель при наведении - CSS
- 30. CSS Переход при наведении аббревиатуры
Сделайте некоторые исследования. Попробуй сам. Когда вы застряли, задайте конкретные вопросы. Никто не собирается писать документацию, которая уже находится по всему Интернету. Просто наведите курсор CSS, и вы найдете массу информации о том, как это сделать. Если вы хотите, чтобы скрытие и показ единиц, подобных этому сайту, вам нужно будет использовать javascript слишком – Kierchon