web-dev-qa-db-ja.com

「上」および「左」プロパティのCSS3遷移が機能しない

私がリストの上にマウスを置くと、リストの1つのアイテムが北東に移動するリストがあります。 margin-topおよびmargin-leftプロパティの遷移を使用しても機能しましたが、ホバーされているアイテムが他の要素を押し続けているため、position:relativeを追加してtopおよびleft遷移を使用しましたプロパティがそれが機能していないようでした。

ここにjsfiddleがあります:

リストホバー

17
user701510

リストの親を設定してみましたか?根本的な項目も相対的または絶対的でない限り、相対的に問題が発生することがあります。ちょっとした考え。

9
uadrive

左、上のデフォルトを追加 リンクデモ

left: 0px
48
nghiepit

Position:absoluteを使用すると、通常のドキュメントフローから除外されます。 z-index:5を指定して、他の要素の上に浮かぶようにすることもできます。

1
COBOLdinosaur