2012-01-18 2 views
2

Вот мой jsfiddle пример:CSS точка стрелка в данный момент выбран литий элемент

http://jsfiddle.net/7PqqT/

Update: Это моя работа вокруг решения: http://jsfiddle.net/7PqqT/1/
Однако я хотел бы достичь этого же эффекта без необходимости, чтобы div div были в каждом элементе li.

Теперь, что я буду делать, это добавить jquery addClass ('current') к любому из трех элементов, на которые пользователь нажимает, и я хочу, чтобы стрелка появлялась ниже этого элемента li в центре текст. Я не уверен, что это лучший способ сделать это, я надеюсь, что есть простой способ сделать это.

+0

Вы забыли загрузить свое фото? – wrongusername

+0

К сожалению, я собирался показать фотографию, но вместо этого я сделал jsfiddle. Я удалил это, спасибо haha ​​ –

+0

Это, вероятно, должно быть сделано с помощью javascript. Где вы ищете решение css? –

ответ

3

Здесь вы идете, I updated your JSFiddle.

В принципе, я просто удалил стрелку div и изменил связанный с стрелкой CSS на :before и :after псевдоэлементы. Работает как шарм.

+0

Ах, это фантастика, я никогда не знал, что вы можете делать такие вещи с помощью CSS –

Смежные вопросы