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

我看到界面如下:

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

正常的啊 難道是他們套錯了 。自己檢查了代碼 發(fā)現(xiàn)并沒有錯誤。。樣式里面除了瀏覽器默認(rèn)樣式 沒有別的樣式被應(yīng)用到

這里就糾結(jié)了 ?經(jīng)過反復(fù)研究終于在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用這個來定位彈窗的位置

當(dāng)去掉這2個樣式后發(fā)現(xiàn)問題果然被解決了。。。

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

解決方案二 ?在上面的網(wǎng)址里面有提到 就是使用圖片來模擬他的選中狀態(tài)。回答者發(fā)了一個詳細(xì)的demo

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

轉(zhuǎn)載于:https://www.cnblogs.com/xingmi/archive/2012/08/22/2650857.html

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。