原生JS設(shè)置CSS3樣式時,怎么添加兼容性前綴(

1、還有一個更簡單的方法，是用prefixfree.js這個插件，引入后它會自動檢測并添加兼容前綴，這樣你寫的時候都不用加，這個插件在GitHub上有，你去搜下吧。

創(chuàng)新互聯(lián)堅持“要么做到，要么別承諾”的工作理念，服務(wù)領(lǐng)域包括：成都網(wǎng)站建設(shè)、網(wǎng)站設(shè)計、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣等服務(wù)，滿足客戶于互聯(lián)網(wǎng)時代的利津網(wǎng)站設(shè)計、移動媒體設(shè)計的需求，幫助企業(yè)找到有效的互聯(lián)網(wǎng)解決方案。努力成為您成熟可靠的網(wǎng)絡(luò)建設(shè)合作伙伴！

2、可以加-moz-。這個前綴主要用于低版本火狐瀏覽器css3的兼容。由于css3剛出來的時候，各瀏覽器沒有統(tǒng)一，所以低版本需要加兼容前綴，后面的版本已經(jīng)統(tǒng)一了就可以不加前綴也能正常顯示。也可以使用js插件自動加前綴。

3、在同一個CSS樣式表中，使用 ！important 來定義不同的值以適應(yīng)Firefox和IE。

怎樣解決CSS樣式在不同瀏覽器下的兼容問題(轉(zhuǎn))

1、目標(biāo)：css實現(xiàn)不同瀏覽器下兼容文本兩端對齊。

2、條件注釋。（只對IE瀏覽器有效）這也是北極冰仔部落格目前使用的方法。

3、在mozilla firefox和IE中的BOX模型解釋不一致導(dǎo)致相差2px解決方法： div{margin：30px！important；margin：28px；} 注意這兩個margin的順序一定不能寫反，據(jù)阿捷的說法！important這個屬性IE不能識別，但別的瀏覽器可以識別。

4、瀏覽器兼容問題一：不同瀏覽器的標(biāo)簽?zāi)J(rèn)的margin和padding不同 問題癥狀：隨便寫幾個標(biāo)簽，不加樣式控制的情況下，各自的margin 和padding差異較大。

5、調(diào)試越少~~~瀏覽器方面，安裝IETester，IE8，F(xiàn)F最新版，opera最新版，這樣就可以做好本地調(diào)試。到你的網(wǎng)站完全兼容這些瀏覽器的時候再做個遠(yuǎn)程測試，網(wǎng)址 http：//browsershots.org/ 遠(yuǎn)程測試必須在服務(wù)器上進(jìn)行。

6、轉(zhuǎn)：ie8下兼容問題，這個最好處理，轉(zhuǎn)化成ie7兼容就可以。

JS修改CSS設(shè)置的樣式

這樣應(yīng)該是不行的吧，或者是我還不會，而且要修改的話直接去css文件修改就好了，如果用js修改的話可以添加新的樣式覆蓋原來的樣式，直接修改類名的話會使得操作復(fù)雜度加深，無法很好得進(jìn)行維護(hù)。

用JavaScript修改CSS屬性 只有寫原生的javascript了。

語法：元素.style.樣式名=樣式值 注意：如果CSS的樣式名中含有-，這種名稱在JS中是不合法的，比如 background-color 。

改變樣式最直接的方法就是改變元素節(jié)點(diǎn)的style屬性。