麥斯克萊普頓

2012年8月7日星期二

不同版本的IE 瀏覽器套用 CSS 技巧

最近寫 CSS 發現 IE 在各版本的 CSS 呈現結果不盡相同，

為了要讓各版本的內容可能看起來一樣

這時候只好針對各個版本做編輯其 CSS 內容

為了達到這個目的，我們需要使用條件註釋(Conditional Comments)來解決

如下列內容，當IE版本小於等於(less then or equal)則將增加使用 .item 與.itemName 樣式


<!--[if lte IE 9]><style>
.itemRow {
    height:100%;
    display:block;
}
.itemName { 
    height:100%;
    display:inline-block;
    vertical-align:middle;
}
</style><![endif]-->

2011年5月1日星期日

Windows 7 x64+VirtualBox下安裝Mac OSX

最近試了好多方法從VirtualBox安裝 Mac OSX，終於在奮鬥了一週後成功
中間爬了許多文章，在這邊跟大家分享一下主要執行步驟
系統環境
CPU:AMD Phenom II X4 810
OS:Windows 7 x64
VM:VirtualBox 4.0.6

2011年3月29日星期二

HTML 5旋轉範例

好久沒有寫文章了，最近開始研究 HTML 5 的寫法，所以就寫了一個sample。
以前想要在非 IE 瀏覽器上做旋轉的動作，是件難事，
直到 HTML 5 的出現，即解決這個窘境
底下這個 sample 主要是要實作 HTML 5 旋轉 (rotate) 功能，在一個畫布(canvas)底下，
如何描繪一個矩形並旋轉

2010年8月15日星期日

jQuery UI 1.8 datepicker 搭配民國年

最近在使用 jQuery UI 的時候，針對 datepicker widget 想要設定成民國的型式

查找到一篇有用的文章，點我連結

不過該內容是針對 UI 1.7.2 所寫，而我使用的 UI 是較新的版本，

因此就改寫了部份語法，在這邊跟大家分享一下

主要我跟 Charlie 一樣，都改寫了_generateMonthYearHeader，

它主要的用途就是顯示年份與月份的下拉式選單，不過我是直接將原先的寫法覆寫，

因此如果沒有引用此 JS 檔時，不會影響到暨有的 datepicker！