Переход CSS3 для свойств "сверху" и "слева" не работает

У меня есть список с одним элементом в списке, переходящим на северо-восток, когда я навис над ним. Используя обработчики свойств margin-top и margin-left, но элемент, зависающий над ним, продолжал толкать другие элементы, поэтому я добавил position:relative и попытался использовать свойства перехода top и left, но он, похоже, не работал.

Вот jsfiddle:

наклон списка

Ответ 1

Пробовали ли вы установить родительский элемент списка. Я знаю, что иногда у родственника есть проблема, если базовый элемент не является относительным или абсолютным. Просто, хотя.

Ответ 2

Добавить влево, верхний по умолчанию ссылку демонстрацию

left: 0px

Ответ 3

Использовать позицию: абсолютная, и она выведет ее из нормального потока документов. Вы также можете указать ему z-index: 5, чтобы убедиться, что он плавает над другими элементами.