Вертикальная перестановка блоков средствами CSS

Опубликовано:: 2011-06-05

Авторская статья «Вертикальная перестановка блоков средствами CSS» рассказывает о методе, позволяющем полноценно изменять визуальный порядок блоков по вертикали так, как если бы в HTML-коде они располагались именно в таком порядке.

Англоязычная версия статьи:
Vertical reordering of blocks with CSS.

Комментарии

pepelsbey 2011-06-06

> на данный момент в браузере Opera ссылки внутри такого элемента
> недоступны для щелчка либо не реагируют на наведение указателя мыши,
> игнорируя CSS-правила для псевдоклассов :hover

Простейший вариант с display:table-caption и ссылкой внутри прекрасно отрабатывает — http://jsfiddle.net/pepelsbey/uWPnu/ — нет ли какого-нибудь гарантированного кода, который подобным образом бажит?
Marat Tanalin (автор) 2011-06-06

pepelsbey: display: table-caption имеет смысл только для элементов, вложенных в контейнер, которому задано display: table. В Opera это подтверждает и getComputedStyle(), выдающий block в качестве значения CSS-свойства display для элемента, которому задано display: table-caption, но родителем которого не является элемент с display: table.

Создал тестовую страницу и отправил в Оперу баг-репорт (DSK-338752).