鍍金池/ 問(wèn)答/HTML5/ webpack打包后的代碼(transition屬性)在火狐和ie中出現(xiàn)不同的情

webpack打包后的代碼(transition屬性)在火狐和ie中出現(xiàn)不同的情況。

webpack打包后的代碼在chorme測(cè)試沒(méi)問(wèn)題。但在ie和火狐會(huì)莫名其妙的出現(xiàn)和chorme的行為。我設(shè)置某個(gè)元素為opacity:0;transition:all 1s;然后給個(gè)觸發(fā)行為才變?yōu)閛pacity:1;ie和火狐就出現(xiàn)問(wèn)題了:這些被設(shè)置了transition屬性的元素會(huì)先出現(xiàn)(設(shè)定是不出現(xiàn)的,除非觸發(fā)事件)就好像他們先走了一趟過(guò)渡。但是?。?!一開始我以為是scss編譯css的問(wèn)題。然后我看代碼沒(méi)錯(cuò),之后我把代碼全部拿出來(lái),不用webpack打包,直接跑。這樣的話就沒(méi)出現(xiàn)問(wèn)題了。真的想不去是哪里有問(wèn)題……因?yàn)閏ss代碼是一樣的。js代碼除了我用webpack導(dǎo)入圖片的代碼不同,其他代碼都一樣。下面貼下代碼 。圖片描述

圖片描述

圖片描述

如果還需要更詳細(xì)的信息麻煩請(qǐng)留言,小弟感激不盡!

回答
編輯回答
喜歡你

是不是先出現(xiàn)的html后加載的css。導(dǎo)致樣式?jīng)]加上?有線上地址嗎?

2017年7月20日 19:30