2011-09-21 43 views
3

我已經開始閱讀jQuery UI插件(themeroller)的文檔。由於這些插件進一步抽象了網頁設計,我想確保我基本瞭解jQuery在幕後做了什麼。jQuery UI的css文件

我現在用的Dialoge箱例子,我發現它使用了下面的CSS代碼:

.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { 
    -moz-border-radius-topleft: 4px; 
    -webkit-border-top-left-radius: 4px; 
    -khtml-border-top-left-radius: 4px; 
    border-top-left-radius: 4px; 
} 

我不承認-moz,-webkit等CSS樣式。有人能向我解釋所有這些風格是什麼?我試着將它們googleing,並提出了空白。

回答

3

它們是供應商特定的CSS設置。通常,當所有瀏覽器都沒有完全採用css規則時,製造商通過在樣式前加上名稱前綴來增加對樣式的支持。

-ms- Microsoft 
mso- Microsoft Office 
-moz- Mozilla Foundation (Gecko-based browsers) 
-o- Opera Software 
-atsc- Advanced Television Standards Committee 
-wap- The WAP Forum 
-webkit- Safari (and other WebKit-based browsers) 
-khtml- Konqueror browser 

http://reference.sitepoint.com/css/vendorspecific

1

所有這些東西基本上設置相同的風格,但對於不同的瀏覽器。

3

當瀏覽器無法理解border-radius css屬性時,這些是舊版本(不久前)的舊版瀏覽器向後兼容。這些特定的術語使相應的瀏覽器能夠理解和應用樣式。基本上:這是爲舊版瀏覽器

0

瀏覽器已經實現,因爲之前HTML5(或者更準確地說CSS3,在這種情況下)走紅,但他們往往稍微不同的方式來實現自己的CSS擴展。爲避免與其他瀏覽器發生衝突,Firefox會在-moz前加上其「專有」擴展名,Web地址爲-webkit等。

這是MDN documentation。您完全不能使用google,因爲它的前綴是連字符,並且會排除結果。 moz-border-radius-topleft會更有幫助。