1. 首頁
  2. 問答
  3. 對於「頂」和「左」屬性不起作用的CSS3過渡

對於「頂」和「左」屬性不起作用的CSS3過渡

2011-11-13 65 views
10

當我將鼠標懸停在列表上時，列表中有一個項目正在過渡到東北部。使用margin-top和margin-left屬性轉換工作，但物品懸停在推動其他元素，所以我加position:relative和嘗試使用top和left過渡屬性，但它似乎並沒有工作。對於「頂」和「左」屬性不起作用的CSS3過渡

這裏是的jsfiddle：

list hover

來源

2011-11-13 user701510

+0

你知道，這是不會在舊的瀏覽器工作，對不對？ – Homer6

回答

9

您是否嘗試過設置列表的父級？我知道有時親屬有問題，除非基礎項目也是相對的或絕對的。只是一個雖然。

來源

2011-11-13 02:23:12 uadrive

+0

設置位置：相對於父元素起作用，謝謝 – user701510

2

使用的位置是：絕對的，它會帶出來的普通文檔流。你也可以給它z-index：5以確保它漂浮在其他元素上。

來源

2011-11-13 02:17:07 COBOLdinosaur

37

添加左側，頂部默認 link demo

left: 0px

來源

2014-06-23 09:35:14 tronghiep92

+0

它正常工作，謝謝bro – WildDev

+1

這應該是選擇的答案。 – lkraav

+4

只是爲了擴展這個答案：瀏覽器需要明確知道開始和結束值是爲了計算轉換序列。有人可能會合理地認爲，如果未設置，起始值只是屬性的默認值，但事實並非如此。開始和結束值必須明確聲明。 – Arctic

相關問題

 相關問題