這是由於瀏覽器的核心是不一樣的大概有這麼幾家:
Chrome瀏覽器核心:統稱為Chromium核心,以前是Webkit核心,現在是Blink核心;
Firefox瀏覽器核心:Gecko核心,俗稱Firefox核心;
Safari瀏覽器核心:Webkit核心;
Opera瀏覽器核心:最初是自己的Presto核心,後加入谷歌,從Webkit又到了Blink核心;
360瀏覽器、獵豹瀏覽器核心:IE+Chrome雙核心;
搜狗、遨遊、QQ瀏覽器核心:Trident(相容模式)+Webkit(高速模式);
百度瀏覽器、世界之窗核心:IE核心;
但是,這些不同核心的瀏覽器,CSS3屬性中理論上是需要新增不同的字首,也將其稱之為瀏覽器的私有字首,新增上私有字首之後的CSS3屬性可以說是對應瀏覽器的私有屬性。之所以,一些屬性沒有加字首,各個核心也都能識別,是因為這一部分屬性已經形成了預設的標準,各個瀏覽器核心是普遍認可的。
解決這個問題的方法很多:
透過使用指令碼來處理。
透過使用開發是編輯器的外掛
透過CSS的預處理器
透過使用自動化工具處理
這是由於瀏覽器的核心是不一樣的大概有這麼幾家:
IE瀏覽器核心:Trident核心,也是俗稱的IE核心;Chrome瀏覽器核心:統稱為Chromium核心,以前是Webkit核心,現在是Blink核心;
Firefox瀏覽器核心:Gecko核心,俗稱Firefox核心;
Safari瀏覽器核心:Webkit核心;
Opera瀏覽器核心:最初是自己的Presto核心,後加入谷歌,從Webkit又到了Blink核心;
360瀏覽器、獵豹瀏覽器核心:IE+Chrome雙核心;
搜狗、遨遊、QQ瀏覽器核心:Trident(相容模式)+Webkit(高速模式);
百度瀏覽器、世界之窗核心:IE核心;
但是,這些不同核心的瀏覽器,CSS3屬性中理論上是需要新增不同的字首,也將其稱之為瀏覽器的私有字首,新增上私有字首之後的CSS3屬性可以說是對應瀏覽器的私有屬性。之所以,一些屬性沒有加字首,各個核心也都能識別,是因為這一部分屬性已經形成了預設的標準,各個瀏覽器核心是普遍認可的。
解決這個問題的方法很多:
透過使用指令碼來處理。
透過使用開發是編輯器的外掛
透過CSS的預處理器
透過使用自動化工具處理