Blogger Hack Series: Blogger 範本修改心得(四)

近日又對範本作出了一些小修改，其中最明顯的應該就是圓角吧。可惜到目前為止 IE 並未支援圓角的顯示。所以，如想以最佳效果瀏覽本 BLOG，請使用非 IE核心的主流瀏覽器。

一、圓角的CSS語法
圓角的CSS語法，其實只要Google一下就找到大量教學，所以不在此詳述了。如果想知道詳細資料的話，可以看「The 'border-radius' properties (W3C)」。上面那個網址，沒有相關知識的人(包括我)，大概看不明吧。我使用的語法，其實是直接從有圓角效果的官方範本抄來的，當然也為了配合這個範本而作出一定的修改。

而在網上尋找相關的資料時，發現了一個網站: 「http://border-radius.com/」。

只要在四個角鍵入數字，就會自動生成Firefox、Chrome 和 Opera適用的 CSS語法。當然只可以生成最基本的圓角效果，要有更多采多姿的效果，請看懂這裡:「The 'border-radius' properties (W3C)」。

事實上，現時有不少方法可以令 IE系列顯示圓角，但很可惜的並不能完美地解決問題，部分地方並不能顯示圓角。由於我經過多番嘗試也不成功，故此直接放棄了。

二、加入警告標語
由於圓角效果不能在 IE 上正確的顯示，所以就參考了「重灌狂人」的「在網站加入警告標語，建議IE 6.0的使用者升級！」，為Blog加入了警告標語。只要是利用 IE 瀏覽本Blog 都會盹到如下圖的標語:

雖然不想放棄對 IE 的支援，但能力所限，加上有沒有圓角效果對瀏覽沒大影響，所以就直接放棄支援 IE 了。不便之處，敬請原諒。

三、修改範本時注意各瀏覽器是否支援
在修改範本之時，經常會修改CSS、 xml，又或者加入 JavaScript 等。但各瀏覽器的支援並不一致。特別是已一年以上沒改版的 IE，很多語法都不支援，也沒有其他替代的方法。所以，每當修改範本時，都應該在各大瀏覽器上測試。因為各瀏覽器呈現的效果可能會不同，即使 A瀏覽器正確地顯示，B瀏覽器可能不能正確地呈現。其實，除了用了 IE Only的語法外，大部份情況都是 IE不支援的問題吧。

border-radius.com:「http://border-radius.com/」
參考文章:「The 'border-radius' properties (W3C)」
                 「在網站加入警告標語，建議IE 6.0的使用者升級！」