這次在做項目的過程中被程序猿叫去 改一個彈框

我看到界面如下:

這蛋疼了 為啥radio后面會有背景 我明明什么樣式也沒寫 看我寫的demo

正常的啊 難道是他們套錯了 。自己檢查了代碼 發現并沒有錯誤。。樣式里面除了瀏覽器默認樣式 沒有別的樣式被應用到

這里就糾結了 ?經過反復研究終于在stackoverflow看到了一個人的問題

地址：http://stackoverflow.com/questions/9838583/radio-button-background-goes-white-in-windows-chrome-when-using-webkit-backface?answertab=active#tab-top

啊 他這里提到-webkit-backface-visiblity 使用的遇到的bug 我們都知道-webkit-backface-visiblity 是用來解決閃白問題的。這個也有bug么

再自己看我的代碼 果然有用到。因為剛說了 在彈窗里面 所以肯定有動畫?-webkit-transform: translate3d用這個來定位彈窗的位置

當去掉這2個樣式后發現問題果然被解決了。。。

解決方案一 ?不使用translate3d 來定位 使用top之類的?

解決方案二 ?在上面的網址里面有提到 就是使用圖片來模擬他的選中狀態?；卮鹫甙l了一個詳細的demo

希望能幫助到遇見這個問題正在糾結的人。

轉載于:https://www.cnblogs.com/xingmi/archive/2012/08/22/2650857.html

總結

以上是生活随笔為你收集整理的input 标签在做动画时的bug的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。