我試圖找出爲什麼這個CSS3過渡會影響父DIV父DIV:CSS3過渡影響
我試圖移動對象了一個div內不改變的高度其母公司。
但是,什麼情況是,框的高度由1px的每個過渡開始時間/結束收縮(有或無邊框)
雖然我想在一排我的內容超出了開始使用這三種如果用戶非常快速地懸停在這些項目上,也會跳起來。
設置一個固定高度不是一個選項,因爲我正在處理響應式佈局。
我試圖找出爲什麼這個CSS3過渡會影響父DIV父DIV:CSS3過渡影響
我試圖移動對象了一個div內不改變的高度其母公司。
但是,什麼情況是,框的高度由1px的每個過渡開始時間/結束收縮(有或無邊框)
雖然我想在一排我的內容超出了開始使用這三種如果用戶非常快速地懸停在這些項目上,也會跳起來。
設置一個固定高度不是一個選項,因爲我正在處理響應式佈局。
好吧,這裏是一個簡單的變通方法。只需添加陰性切緣和它的作品:
下面是它的實際樣子(最低版本):
而不是動畫邊距(這意味着箱子高度需要重新計算,所以部分像素的舍入誤差會導致移動),請使用變換。
另外,請記住,IE10有轉換,所以也使用ms前綴。
IE10將不會出現一年,除非升級到Windows8,否則任何人都無法使用它。 – Rob
這實際上是一個好主意,但它會導致更多問題:由於我在處理響應式佈局,因此每次都必須重新計算邊距。除此之外,圈子一直處於懸停狀態。最有線的是 - 這實際上應該是另一個問題 - 爲什麼當你使用transform命令時文本的字體重量會發生變化?我已經看過幾次了。最後,重新計算似乎是問題,是的。所以仍然在尋找解決方法。 – Melros
好吧,這裏有一個想法:要解決靜態佈局中的問題,你可以將圓的絕對位置定位到父div,併爲父div設置一個固定的高度。對於響應式解決方案,父div將在圓的寬度和高度中插入一個transaprent img。除了另一個http請求之外,問題將會解決。你怎麼看? – Melros
你的意思是它的Jumpy在只有IE瀏覽器。切勿將IE作爲工作方式的參考。這是這個星球上最糟糕的瀏覽器。 – Rob
我知道。我也討厭IE。我使用IE瀏覽器。但Safari或Chrome也是如此,這就是我要問的原因。 – Melros
我沒有在任何其他瀏覽器中看到問題。 – Rob