溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
本篇內容主要講解“css3的transform造成z-index無效如何解決”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實用性強。下面就讓小編來帶大家學習“css3的transform造成z-index無效如何解決”吧!
我想鎖表頭及鎖定列。昨天新找的方法是用css3的transform,這個應該在IE9以上都可以的。
只鎖頭效果很好，IE11下會小抖，但chrome下很穩定停在那里。后來又加上鎖定列，發現列會蓋住表頭。
百度到這里《小心 CSS3 Transform 引起的 z-index "失效"》
“CSS3 Transform create new stacking context”
這個道理想想也明白，Transform 就是一個影子，假像，所以它不考慮z-index.那怎么解決呢？
再百度，以及去stackoverflow看文章，也沒辦法。既然不能控制“new stacking context"想想為什么列會蓋住表頭吧??
"不就是因為列元素在表頭的底下嘛”
想到這里，很激動。
于是生成表時，這樣寫：
tbody = $('<tbody>'); me.prepend(tbody);原來寫的是append,現在改為prepend,這樣保證table內的順序是tbody,thead,tfoot.
測試各各瀏覽器，正常了！
到此，相信大家對“css3的transform造成z-index無效如何解決”有了更深的了解，不妨來實際操作一番吧！這里是億速云網站，更多相關內容可以進入相關頻道進行查詢，關注我們，繼續學習！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
