Как наиболее грамотно сверстать стрелочки?

Привет, хабр. Хочу задать вопрос. Есть несложный блок, который нужно сверстать, но как его сверстать наиболее грамотно?
  • Вопрос задан
  • 4120 просмотров
Решения вопроса 1
blare
@blare
jsfiddle.net/rNsJk/

Вот примерный код
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 3
dpigo
@dpigo
Front-end developer
Так же учтите при использовании выше упомянутом способе что фаєрфокс плохо реагирует на transparent, и нужно использовать rgba, а IE8 наоборот — непонимает rgba и чудесно отрабатывает transparent.
Это на случай, если вы раньше с этими методами не сталкивались или не встречали артефактов
Ответ написан
Комментировать
UZER2006
@UZER2006
Думаю, можно использовать идею из ответа выше, сами блоки сделать квадратными и без отступов, а стрелочку реализовать через :after с нависанием над следующим блоком через z-index.
Роль голубого отступа будет выполнять аналогичного цвета правая граница стрелочки.
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы