Dzvene

Рейтинг
1
Регистрация
18.02.2014
Горизонтальное меню с косыми линиями

---------- Добавлено 16.03.2014 в 23:44 ----------

Алексей Барыкин:
Если на css3 и наплевать на древние браузеры, то так:
http://jsfiddle.net/abarykin/Y4r9X/

Спасибо, толковый вариант.

---------- Добавлено 16.03.2014 в 23:47 ----------

дани мапов:
http://code.tutsplus.com/tutorials/how-to-create-diagonal-lines-with-css--net-20763

http://jsfiddle.net/davidThomas/yhfqy/

Первая ссылка думаю еще пригодится, спасибо.

При наведении на ссылку, остальные должны темнеть (становится серыми)
Yur_OK:
Если правильно понял, проиграйтесь с прозрачностью (opacity) в стиле изображений. Для себя недавно открыл этот параметр и использую именно к объектам при наведении.

Пробовал, и -webkit-filter: grayscale(100%) пробовал, темнеют все, включая и активную ссылку

Хотя скорее всего неправильно пишу код

При наведении на ссылку, остальные должны темнеть (становится серыми)
Dzvene:
Вопрос решен.

Хотя нет, изображения вместо маркеров, не темнеют.

При наведении на ссылку, остальные должны темнеть (становится серыми)

Вопрос решен.

Выпадающее меню, не могу закончить
rerighter:
Потому что "бордер" у вас назначен на "ховер" тега a. Естественно, когда Вы в подменю - "ховер" снимается.
Назначайте границу на тег li.

Я зафиксировал, теперь проблема с этой линией:

Как ее лучше убрать?

---------- Добавлено 18.02.2014 в 16:32 ----------



---------- Добавлено 18.02.2014 в 16:33 ----------

http://picsplace.ru/?v=180214072d4aa07790657f3c2f85d427ec6e89.png

При наведении на ссылку, остальные должны темнеть (становится серыми)
vlad00777:
И? Что из выше перечисленного мы должны понять? В чем проблема написали хотя бы, а то ванговать, не наш профиль.

Извеняюсь.

Вот код:

http://codepen.io/Dzvene/pen/ruilt

Частично сделал.

Только как еще маркеры затемнить если в <li> заключена ссылка?