Как я могу добиться такой же навигации с помощью CSS3? (в настоящее время прошить AS3) - PullRequest
1 голос
/ 24 апреля 2011

Ссылка на мою актуальную демонстрацию Flash: http://nside -elite.techiedesign.net / redbox / flashtest.html

Я создал эту навигацию, используя Adobe Flash (скрипт AS3), который работает довольно хорошо. Проблема в том, что я использую Drupal для CMS моего сайта. Попытка реализовать эту флеш-навигацию с использованием Drupal была бы большой работой сама по себе. Но даже тогда было бы трудно быть достаточно гибким, чтобы я мог менять ссылки по мере необходимости через Первичные ссылки Drupal.

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

Теперь я могу проводить свои собственные исследования и программирование с помощью CSS, так как я очень твердо разбираюсь с CSS 2.1 и изучаю базовый CSS3 в настоящее время. Однако одной из проблем, которые я вижу, является эффект, который я использую при наведении мыши. Я не могу понять, как я мог заставить металлический язычок падать при наведении мыши, и при этом одновременно загорался свет над ним. Причина, по которой я вижу это, заключается в том, что кликабельная (или «область при наведении») области света не находится непосредственно поверх фактического изображения, а скорее на несколько пикселей ниже.

Если бы вы могли хотя бы указать мне правильное направление, это было бы здорово. Спасибо!

1 Ответ

1 голос
/ 24 апреля 2011

Конечно, его можно воспроизвести, но не без хитрости.

Вы можете увидеть рабочий пример здесь: http://jsfiddle.net/u3n5c/

Суть решения проблемы заключается в понимании того, что события: hover будут запускаться, даже если родительский контейнер меньше, чем его дочерний элемент. Визуально кажется, что строка и вкладка - это отдельные элементы, но в коде они типичны для li> a.

...