Задавать вопрос
спросил
Изменено 8 лет, 4 месяца назад
Просмотрено 591 раз
Я пытаюсь сделать меню похожим на Chrome, внутри выпадающего меню я хочу горизонтальное меню и вертикальное вместе.
мой код:
<дел>
Я подумал, может быть, я могу создать дополнительный класс и разделить его на разные интервалы, чтобы создать одну линию с «3 и 4» по горизонтали, но это не сработало.
Я пробовал без промежутков, просто с помощью простого css:
.oneLine {
ли {
дисплей: встроенный;
а {
плыть налево;
ясно: оба;
ширина: 50%;
граница справа: 1px сплошная #969696;}
}
}
и это не сработало. Может быть, вы знаете, как это сделать?
Большое спасибо!
2
есть много возможностей сделать это.
Проверьте это http://jsfiddle.net/odd1y2nc/1/
2
Зарегистрируйтесь с помощью Google
Зарегистрироваться через Facebook
Зарегистрируйтесь, используя адрес электронной почты и пароль
Электронная почта
Требуется, но никогда не отображается
Электронная почта
Требуется, но не отображается
Новый улучшенный CSS3 сочетает в себе множество возможностей, которые раньше были доступны только за счет неуклюжих комбинаций CSS2 и JavaScript.
Плавно анимированный и плавно выглядящий переход постепенного появления и исчезновения, например, теперь доступен через одно свойство CSS3, непрозрачность.
Свойство opacity в CSS3 позволяет изменять настройку прозрачности конкретного объекта. Изображения, буквы и другие элементы будут полностью видны, когда непрозрачность установлена на 1, и полностью невидимы, когда она установлена на 0, а промежуточные значения представляют частичную прозрачность. Это может показаться незначительной деталью, но она открывает новые возможности для дизайнеров веб-сайтов, позволяет им делать больше с меньшими усилиями и улучшает общее впечатление посетителей.
Представьте себе, что вы видите навигационное меню в верхней части веб-сайта, наводите курсор мыши на одну из его кнопок и восхищаетесь тем, как прямо под ним появляется гладкое подменю, изменяющееся от полностью прозрачного до видимого одним плавным переходом. Внешний вид настолько отполирован, что лучше подходит для стартового экрана стильной видеоигры или профессионального приложения с отмеченным наградами интерфейсом, чем для блога или веб-сайта.
«Это определенно было сделано на JavaScript!» Вы могли бы подумать, если бы это произошло два года назад. В то время было невозможно создать высококачественные переходы именно такими, какими вы их задумали, с помощью любой из предыдущих версий CSS.
Веб-мастера и блоггеры годами искали идеальный способ решения этой проблемы, но, несмотря на множество подробных руководств и популярных шаблонов, JavaScript всегда оставался единственным разумным вариантом для создания профессионально выглядящих переходов панели навигации.
Только когда CSS3 стал поддерживаться всеми последними версиями популярных браузеров, таких как Firefox, Opera и Internet Explorer, обычные разработчики смогли решить эту проблему напрямую, без необходимости искать обходные пути, такие как JavaScript.
Самое лучшее в создании переходов в CSS3 — это то, что они по-прежнему будут работать при доступе из старого браузера, который не поддерживает последнюю версию CSS. Это отключит пару дополнительных функций в процессе, но не повредит посетителям вашего сайта.