Chris 開發筆記

ODBC 32bit 路徑

2016-06-02T16:30:00.000+08:00

最近工作上遇到很多64位元的 Windows 7 需要執行32位元的ODBC建立系統資料來源,找來找去發現就放在Window目錄下SysWoW64裡面,檔名叫做odbcad32,只要利用它來建立ODBC連結就可以給Win32的應用程式執行使用了.

下面是指令路徑,直接複製去執行就可以了.

%systemdrive%\Windows\SysWoW64\odbcad32

Exchange 2010 OWA 無法使用搜尋功能

2016-05-31T15:06:00.000+08:00

找到一篇文章，也是同樣問題(錯誤代碼一樣)，但情境不同，先記錄起來。

作業系統：win server 2008
系統：exchange server 2010 sp3
錯誤描述：Outloook Web Access 無法使用搜尋

系統日誌：Content Indexing function 'CISearch::EcGetRowsetAndAccessor' received an unusual and unexpected error code from MSSearch.

錯誤碼: 0x80043629

解法：

step1：下載檔案http://gallery.technet.microsoft.com/scriptcenter/16afe88b-6c6d-49a3-8b03-2a2ece27f61a

step2：放置到正確路徑，Copy the Repair-ExchangeSearchSymlinks.ps1 script to the Scripts directory on the Mailbox server (default installation is C:\Program Files\Microsoft\Exchange Server\v14\Scripts)

step3：開始exchange powershell環境，執行Exchange Management Shell (Exchange Management Shell by right-clicking the shortcut and selecting “Run as Administrator”.)

基於安全的理由，ps1 Script預設是不給跑的，記得用以下的指令調整安全設定:
Set-ExecutionPolicy RemoteSigned

step4：執行下載的檔案，執行
cd "C:/Program Files/Microsoft/Exchange Server/v14/Scripts"
.\Repair-ExchangeSearchSymlinks.ps1

step5：再執行另外一個內建的檔案，重建索引
.\ResetSearchIndex.ps1 -force MailDatabaseName

輸入下方的指令確認索引重建完成後，再重開系統(重開時會有點慢!!)

Step5.1 查看目前信箱資料庫狀態(Crawling /Healthy)

Get-MailboxDatabaseCopyStatus -server AD_ServerName | fl Name, *index*
顯示：

Name : MailDatabaseName\AD_ServerName

ContentIndexState : Healthy

ContentIndexErrorMessage :

Step5.2 取得目前信箱資料庫的組態

get-mailboxdatabase | fl Name, IndexEnabled

顯示：

Name : MailDatabaseName

IndexEnabled : True

Step5.3 測試ExchangeSearch

Test-ExchangeSearch –identity "AD帳號" | fl

顯示：

Server : AD_ServerName

Error :

DocumentId : 數字

Identity :

IsValid : True

ObjectState : New

重開後OWA仍無法搜尋，需等待幾分鐘後才會生效。

資料來源：TechNet 、暗黑執行緒

vmware ESXi 無法使用 vSphere Client 進行連線

2016-03-28T09:36:00.001+08:00

環境：VMware ESXi 5.0.0, 469512
異常： vSphere Client無法連線，但現場主機仍在運作，虛擬機速度極慢
錯誤訊息：vSphereClient cloud connect to "your ESXi host IP(xxx.xxx.xxx.xxx)".An unknown connection erroroccured.(The client could not send a complete request to the server.(基礎連接已關閉：傳送時發生未預期的錯誤))

排解：
一、去現場操作主機
1。選f2進入管理
2。切換到Troubleshooting Options
3。選擇Restart Managements Agents重開完即可

二、主機有開ssh的話連進去操作，登入後輸入
1。/etc/init.d/hostd restart
2。/etc/init.d/vpxa restart

以上方法無效時

三、ssh連進後，重啟所有服務，輸入：services.sh restart

四、去現場，重開主機

官網原文：https://kb.vmware.com/selfservice/microsites/search.do?language=en_US&cmd=displayKC&externalId=1003490

父元素hover時變更子元素背景顏色 child element color change when hovering over parent

2016-02-26T11:15:00.000+08:00

常常在滑入parent element時，需要去修改child element的color或屬性，在child element沒有設定時，是不需要特別去處理的，當有設定時，可以在hover後加上元素的設定即可。

SASS：

  parent:hover

    background-color: $color-primary !important

    color: $color-font-hover !important

    h3 //child

      color: $color-font-hover !important //key point

Before:

    .parent .child:hover {

         background-color: #00aba7;

         color: #fff;

    }


After:

    .parent:hover .child {

         background-color: #00aba7;

         color: #fff; 

    }

附上範例：child element color change when hovering over parent

刪除inline-block元素間的空白間距

2016-02-22T14:14:00.000+08:00

使用inline-block來代替float的案例很多。

但使用後最常碰到的問題是在inline-block的元素之間會有個「4px」的空白間距。

處理方法很簡單，目前最通用的方法是在inline-block的父元素上加上font-size: 0，然後在inline-block元素加上原本要顯示的font-size例如font-size: 16px。

附上範例：remove inline-block spacing

CSS Float 與 CSS Hack Clearfix

2016-02-22T12:25:00.000+08:00

常常聽到float就要配上clearfix，但是為什麼呢？

子元素浮動到上層之後，在某些情況下會造成所謂「父元素的高度塌陷」，也就是原本包住子元素的容器會因為子元素全部都浮動脫離原有的DOM序，造成高度預設為auto的父元素「沒有內容」而失去高度。

附上範例：How clearfix works


SASS：

.clearfix

  &:before

    content: ""

    display: table

  &:after

    content: ""

    display: table

    clear: both

  zoom: 1


CSS：

.clearfix, {

  zoom: 1;

}

.clearfix:before {

  content: "";

  display: table;

}

.clearfix:after {

  content: "";

  display: table;

  clear: both;

}

CSS簡寫 CSS Shorthand

2016-02-18T10:49:00.000+08:00

以下是簡寫的範例：

margin: 10px 9px 8px 7px;
padding: 10px 9px 8px 7px;
順序是：margin-top | margin-right | margin-bottom | margin-left。
padding的順序也跟margin相同。

font: italic small-caps bold 12px/20px Verdana;
順序是：font-style | font-variant | font-weight | font-size | line-height | font-family
font-size和font-family需同時存在才能寫簡寫。

background: #fff url(bg.gif) no-repeat fixed left top;
順序是：background-color | background-image | background-repeat | background-attachment | background-position。
background比較特殊的地方是沒有規定特定的特性質，可以只設定其中一個，而忽略其他的特性。但是如果沒有設，就會變成預設值，所以要設定background的時候要注意，可能因為預設值而不小心覆蓋掉其他的設定。

border: 1px solid #000;
順序是：border-width | border-style | border-color。
這樣的書寫就把四個邊都統一成一種寫法，如果上、右、下、左需要不同的樣式的話就再另外書寫成border-top | border-right | border-bottom | border-left。

list-style: disc url(bg.gif) outside;
list和background一樣，不一定要把全部屬性書寫出來，這邊的url也跟background一樣都是不加引號的，如果有需要用到背景圖的時候要注意。

outline: 1px dotted #fff;
outline的簡寫是跟border一樣的，但是因為並非所有瀏覽器都有支援，所以使用並不多，最常使用的情況是在沒有reset的頁面，設定outline: 0;，這是為了消掉Firefox的連結點了周圍會出現的虛線框。

color: #000;
顏色的簡寫很簡單，將原本6碼的顏色代碼兩兩一組，如果三組裡面的代碼都兩兩彼此相同，便可縮寫成3碼的簡寫。如#336699可以寫成#369，#ddeeff可以寫成#def，但是如果其中一組沒有兩兩彼此相同，那就得維持6碼的寫法。如#334599只能維持6碼的寫法，這是沒辦法簡寫的，所以顏色的縮寫只有6碼和3碼這兩種而已。

margin: 0;
CSS的單位值有pt、px、em、cm、ex…很多種，但是當數值是0的時候，這些單位值就應該要省略，因為單位對0來說是沒有意義的。

Office365、Exchange Online帳號管理常用指令

2015-08-31T12:07:00.002+08:00

因為工作關係，大約半年要來更新一次，每次要設定前都已經忘的差不多了，所以還是寫起來吧，如果只是更改1、2個帳號就到網頁的後台去更改就好了，大量才用會到。

Office365指令

基本指令

連線
Connect-MsolService

查詢

取得目前有的授權方案
Get-MsolAccountSku

取得未授權的帳號
Get-MsolUser -UnlicensedUsersOnly

匯出「某個授權」的所有帳號並存成檔案
Get-MsolUser -All | Where-Object {$_.Licenses.AccountSkuID -eq "xxx:EXCHANGESTANDARD_ALUMNI" } | Select-Object UserPrincipalName,DisplayName, Licenses | Export-Csv C:\路徑\檔名.csv -NoTypeInformation -Encoding "unicode"

設定

*紅字部分就是你要修改的地方

使用csv檔案大量修改(csv的「欄位名稱」請用英文命名，當指令要用到「欄位名稱」時請在前面加上「$_.」)
Import-Csv csv的檔案路徑 | ForEach-Object { 下面的指令 }

例如：解除密碼複雜度(帳號的欄位名稱命名為UPN)
Import-Csv C:\TEST.CSV | ForEach-Object { Set-MsolUser -UserPrincipalName $_.UPN -StrongPasswordRequired $False }

指定服務位置
Set-MsolUser -UsageLocation TW

取消某個帳號「xxx方案」的授權
Set-MsolUserLicense  -UserPrincipalName 帳號 -RemoveLicenses xxx:STANDARDWOFFPACK_STUDENT

給予某個帳號「xxx方案」的授權
Set-MsolUserLicense  -UserPrincipalName 帳號 -AddLicenses xxx:EXCHANGESTANDARD_ALUMNI

變更的話就是取消跟給予寫在一起
Set-MsolUserLicense  -UserPrincipalName 帳號 -RemoveLicenses xxx:STANDARDWOFFPACK_STUDENT -AddLicenses xxx:EXCHANGESTANDARD_ALUMNI

授權「xxx方案」給未授權的帳號
Get-MsolUser -UnlicensedUsersOnly | Set-MsolUserLicense -AddLicenses xxx:STANDARDWOFFPACK_STUDENT

解除密碼複雜度($False是解除，$True是啟用)
Set-MsolUser -UserPrincipalName 帳號 -StrongPasswordRequired $False

修改某個帳號的密碼(如果你的密碼太簡單就要先解除密碼複雜度)，並讓使用者第一次登入時不需再更改密碼($True是要改密碼 $False是不用改)
Set-MsolUserPassword -UserPrincipalName 帳號 -NewPassword 密碼 -ForceChangePassword $False

Exchange Online指令

基本指令

工作電腦第一次連線時，用管理者權限執行程式並輸入
Set-ExecutionPolicy RemoteSigned

連線(3個指令分開打)
$UserCredential = Get-Credential

$Session = New-PSSession -ConfigurationName Microsoft.Exchange -ConnectionUri https://outlook.office365.com/powershell-liveid/ -Credential $UserCredential -Authentication Basic -AllowRedirection

Import-PSSession $Session

離線
Remove-PSSession $Session

查詢

查詢使用者信箱所有屬性
Get-Mailbox -Identity 帳號 | Get-Member | Out-GridView

設定

讓信箱不顯示在通訊錄中
get-mailbox -Identity 帳號 | set-mailbox -hiddenfromaddresslistsenabled $True

設定使用者信箱-[自訂屬性1]為你要的值
Set-Mailbox -Identity 帳號 -CustomAttribute1 你要的值

Share Point：清單「無法在資料工作表中檢視」

2013-04-08T15:11:00.001+08:00

如果您在SharePoint使用清單時遇到「無法顯示在資料工作表檢視」這個問題，請確定以下這幾件事情是不是已經完成了。

使用微軟IE瀏覽器開啟這個網頁
將IE瀏覽器重設為剛安裝時的狀態(點我進入教學)
安裝OFFICE軟體「全部安裝」，或是您可以確定有安裝到「Windows SharePoint Services支援」

如果檢查完以上的動作完後，還是無法進入編輯畫面，就請您依照以下方法執行：

STEP 1：
下載AccessDatabaseEngine2007[點我下載]
　　↓
STEP 2：
安裝
　　↓
STEP 3：
關掉所有的IE瀏覽器頁面，再開啟您的SharePoint頁面

執行完如果不行還不行使用可以參考另外一篇教學將您的IE瀏覽器重設成剛安裝好時的設定
IE怪怪的教您重新設定回原本的樣子

恭喜您現在可以正常使用了，若不幸還是不行，就請您再爬爬文吧。
以上資料參考：暗黑執行緒

遊記：北海道五天四夜零下體驗

2013-02-05T13:32:00.000+08:00

今年農曆年前，即便是沒人跟我一起去、花費很貴、第一次出國旅遊，不論如何都想要出國放鬆身心，前前後後考慮了3個月倒底是要自由行呢？還是跟團好呢？是要去看一輩子都還沒看到的雪呢？還是去熱帶的海島徹底放鬆好呢？（…也太久了吧），於是訂了可樂旅遊的北海道五天四夜團，而以下跟大家介紹的除了美美的照片外，還有行程與花費。

行程

首先要先跟大家解釋一下，為什麼要選擇跟團去北海道，很簡單，因為想看雪（…有人說直接開冰箱看就好了啦，去什麼北海道），跟你講，去看過你就知道冰箱整個弱掉。那為什麼要選擇跟團呢？是這樣的，因為我一個人旅行，語言又不太懂，北海道的交通建設並不像東京一樣的發達，而且有些景點即使有大眾交通可搭，但是班次少，行程變成要配合交通的時間，如果不搭車，選擇自己租車開，除了路線要先做功課外，高速公路也常因為下大雪關閉，再加上自己開車又會精神疲勞，所以，跟團除了避免這樣問題外又可以有人做伴，跟你講話（五天自由行…沒人跟你講你聽得懂的話…其實…也真的很寂寞）。

先從家裡出發開始講，因為出國的時間農曆除夕前五天，回國剛好是農曆除夕的晚上，所以我選擇自己開車去機場，為的是回家時可以快一點。那開了車自然要停車，機場停車場又貴死人，加上我團費又是繳現金沒刷卡，所以沒辦法去停信用卡的特約免費停車場，於是上網看了一下，在航科館也有一個停車場，停車費是桃機的四分之一，出國停車一天100元有免費接駁車到機場（不知道是不是除夕大家都想回家過年，回國那天的服務態度不是很好）。

到機場後，就聽導遊的講解，照著做，就完成進出機場的手續了，這部分就不必擔心，這次坐的航班是長榮的飛機，去程：台北→千歲，回程：函館→台北，空姊也很美麗，搭飛機的恐惧感都消失了。

第一天到達日本出關後，已經是日本時間下午4點了，因為行程有點delay到，所以就直接前往飯店「鹿之湯」去了，晚上住的都是溫泉飯店，只有第二天不是。每天早上都7:30 morning call，8:30出發，第二天提早1小時。

第二天早上去了小樽看運河，吃午餐，逛音樂盒商店、玻璃藝品店，喝下午茶，接著就出發到札幌看舊道廳，然後就是自由行的時間了，很幸運的剛好碰上一年一度的札幌雪祭，看了大通公園沿路的展示、及表演，吃了小販的晚餐後就回飯店「Sheration HOTELS & RESORTS」。

第三天早上去了狸小路商店街買了伴手禮，接著又去免稅店採購，這個免稅店跟我想像的不一樣，不是Shopping Mall而是很像陸客來台旅遊帶去的小店面，只有一層樓，而且賣的東西很少，接著坐車到千歲附近的一個馬場去玩雪，體驗雪的感覺玩了雪上甜甜圈、騎摩托車、射箭、雷射槍、溜滑梯，玩雪的時候還下雪真是給它冷到個不行，就這樣一個下午就很快的過去了，晚上就驅車到登別的飯店「雅亭」。

第四天去了熊牧場，拿了二顆蘋果喂熊吃，看熊為了吃蘋果做出可愛好笑的動作，但事實上它們個頭超大，近看很可怕，吃完中餐後，參觀了昆布館，下午前往函館五稄廓城跡，晚上到函館山步行濃厚日本氣氛的小徑到纜車搭乘處，到山上看無敵的百萬夜景，平日有燒香天公做美，很幸運，看到無雲無霧的景觀，晚上入住「湯之川」。

第五天準備要回國打包行李，一早吃了飯店早餐，搭著噹噹車到函館朝市吃海鮮，又到金森倉庫吃點心，喝飲料，中午又吃的很豐富，整個超級無敵飽的，下午去參觀女子修道院後，就到機場去準備回國了。

美景、美食

在冬季北海道旅遊真的會讓人發胖，因為太好吃了啦，而且每天都是吃、喝、坐車、拍照、壓馬路、泡湯，非常的庸懶、愜意，再加上天氣又很冷，所以體重直線上升的速度非常快；為了紀念每次花大錢享受的快感，所以決定把這些回憶做成影片，不用一直去找照片、捲滑鼠，也跟從未到過的朋友分享一下（…真是炫耀文）。

花費

整個花費應該算是旅遊旺季時較便宜的價格了，因為出發日是過年前幾天，雖然是寒假，但是有工作的人都在過年前拼命的加班想過個好年，再加上日幣又連貶了1個月，所以感覺真的是有賺到。

團費 29800
換了日幣 11000（34000日幣）
追加 3600（花到不夠用還跟導遊借）
導遊費 1250
機場停車費 500
加總 46150

因為我還有幫人代買東西所以花比較多，如果只算一些必要的費用應該價格可以壓到40K左右，所以去日本旅行，真的不算貴，雖然日本物價水準比較高一點，但是真的很值得。喜歡日本的朋友，真的可以考慮看看。

iPhone設定Exchange郵件

2013-01-03T17:04:00.003+08:00

有了智慧型手機，第一件事情就是設定一大堆麻煩的設定，其中設定電子郵件更是主要的配件之一，而當你設定一次、二次後還是不能正常的收發信件時，真的會讓人火大。這裡就教您一步一步的調教您的愛機，讓它乖乖的收發信。

以下是設定是使用崇右技術學院教職員電子信箱當作範例，這範例比較特別，信箱的名稱(abc@xxx.xxx.xxx 小老鼠at符號之前的名稱)與使用者登入收信的帳號名稱(例如：員工編號)不相同，所以在設定上常常會有問題。

步驟一

依序照著下圖流程進入設定的畫面，首先是在桌面上點一個有三個齒輪圖案的「設定」→「郵件、聯絡資訊、行事曆」→「新增帳號」→「Microsoft Exchange」。

步驟二

在電子郵件裡輸入你的電子郵件全部的名稱(也就是你名片上的email)，接著輸入你的密碼，描述就不用修改了，當然你有二個以上的Exchange的郵件時，再修改做個區別，然後就可以按下一步了。

步驟三

在伺服器裡輸入「email.cit.edu.tw」，網域裡輸入「cit.edu.tw」，使用者名稱(這裡指的就是登入收信的帳號)裡輸入「員工編號」，接著就可以按下一步了。

步驟四

再來這個步驟，是要設定你要跟手機同步的項目，預設是左圖會全部開啟，如果你跟我一樣是希望只收發郵件的部份，就請參照右圖，接著按下儲存就好了。(尤其是聯絡資訊要特別注意，因為同步後你手機的聯絡人也會增加，在搜尋時會顯得很麻煩)

最後設定完的畫面就長這樣子

SharePoint2007無法一次上傳多個檔案

2012-12-04T15:55:00.002+08:00

如果你看到看這訊息，而且你的office的版本是2010的話，那恭喜你看完這個簡單的教學後，你就可以一次上傳多個檔案到SharePoint2007的文件庫裡了。

步驟一：
下載系統所說的檔案，儲存到你的桌面。
檔案下載處：點我下載

步驟二：
開啟「我的電腦」，然後在位置列中輸入「%SystemRoot%/assembly」後，按下「enter」鍵。

步驟三：
將下載下來檔案解壓縮後，將「microsoft.mshtml.dll」檔案拖拉進去資料夾中，然後再把所有的網頁關閉，再打開SharePoint網頁即可。

放在SharePoint2007上的檔案無法用Office2010開啟

2012-09-28T15:51:00.005+08:00

如果您在SharePoint上發現以前電腦裡安裝Office2003都可以正常的開啟、下載檔案，但是安裝Office2010後就無法開啟；或是下載到電腦上時打開檔案也沒出現要您輸入驗證帳號、密碼的視窗，就直接出現「您沒有修改此清單的適當權限。無法儲存資料的變更。」；這原因是為什麼呢？

因為Office2010在開啟網路上的檔案時，會強制要求瀏覽連線的方式走https安全瀏覽的方式，但是您公司的SharePoint網站又偏偏是普通的http瀏覽，所以才會造成這種結果。

這個問題可以去修改Office2010的註冊檔，把連線網路檔案的方式改成未加密的http，那要怎麼修改註冊檔對一般人來說也是個很困難的問題，所以我把修改好的註冊檔分享出來讓大家點擊執行就可以達到修改的效果了

註冊檔下載(AuthFix.rar)：點我下載

使用方法：
1．下載後解壓縮(AuthFix.reg)
2．點二下執行後，按「是」將資訊登錄後
3．接下來就把所有的網頁視窗全關閉，再開啟一次就行了

超省時．教你看懂英文期刊搜尋方法

2012-09-18T17:44:00.000+08:00

在做研究你是不是也常常在煩惱，找不到英文期刊當作您的參考文獻呢？
今天教你公、私立大學研究所幾乎都會買的英文期刊搜尋引擎sciencedirect，要如何找到與你研究相關的期刊。

事前準備
在進行之前你要先了解自己學校裡期刊要怎麼免費的去下載，這點在每個學校都不盡相同，您要先去了解，那我在這裡先使用我就學的學校方法來說明，在世新大學要使用免費的期刊資源要在學校的網路環境裡才能免費使用，也就是說您的IP位址要是學校的，那不在學校時怎麼辦呢？

不在學校時，請參考世新大學VPN的設定方法，設定完就可以在家裡或公司使用了。

理解
在說明流程之前，我們要先了解一些事情，首先是這個期刊搜尋引擎架構，在這個搜尋引擎下有很多種期刊，每一種期刊下又有很多年份、期號，每一期裡又有很多篇文章，而我們要找的就是這麼渺小的某幾篇文章。

猜期刊名稱
首先你可以先在google翻釋一下你想要找的文章的key word，把它翻成英文，舉例來說比如你想研究食譜，那關鍵字可能會有「食物」那就在Journal/Book title的欄位裡打上「food」，接著就按下Search按鈕。

接著就會出現在搜尋的結果，要記得類型要是journal的才可以哦，然後就可以選擇跟你想找的主題可能比較有相關的期刊名稱了，在這裡我點選的是Food Quality and Preference。

尋找你要的文章
再來在All fields的欄位裡打上你要搜尋文章的關鍵字，系統就會幫你只在這本期刊內搜尋你要找的相關文章。

然後你可以開始逐一的去翻釋每個題目，找到你要的文章了，如果覺得太多很難找，在左邊還有限制的細項可以去調整搜尋出來的數量。

以上的方法不是一定能幫你找到，但是近90%是可以找到的；希望您是在這90%裡的其中之一。

崇右公文系統開啟馬上自動關閉

2012-09-14T18:14:00.002+08:00

公文系統開啟馬上自動關閉，如果看到這種情況就代表著：
1．你沒有使用IE瀏覽器開啟公文系統。
2．您的網頁安性不允許你開啟公文系統的頁面，只要把公文系統的網頁加入到信任的網站裡，再把信任的網站的安全性調降成最低就可以正常使用了。

設定步驟：
1．開啟網頁，點選右上角的齒輪按鈕或是工具按鈕，再點選網際網路選項

2．再依序照著下圖1~10個順序點選

3．接著把所有的網頁視窗都關閉，再重新開啟一次公文系統的網頁就完成了

備註：如果以上步驟試完了還是不行，那請再做一次IE怪怪的教您重新設定回原本的樣子這篇文章的內容，做完後，再重新做一次本篇的步驟1~3。

IE怪怪的教您重新設定回原本的樣子

2012-09-14T12:38:00.000+08:00

你是不是覺得有些時候無法開啟一些你平常無法開啟的網頁，或是昨天能用，但是今天卻突然不能用了呢？今天就來教大家如果解決IE的亂象，回歸到剛安裝好的狀態，而且不會刪除掉「我的最愛」裡的網頁跟COOKIE。
1．首先在你網頁視窗的右上角按一下齒輪的圖案，接著選到「網際網路選項」

2．再來選到「進階」的頁籤，點選「重設」按鈕

3．再點選一次「重設」的按鈕，就會開始重新設定了

4．最後只要將所有的網頁視窗關閉，再開啟新的網頁視窗就可以看到IE要您做第一次使用設定精靈了

CSS背景漸層顏色語法

2011-02-23T16:20:00.000+08:00

今天為了css的漸層背景在忙了好久，google一下後發現Ultimate CSS Gradient Generator - ColorZilla.com這個網站可以很直覺化的產生各種瀏覽器css碼，這讓我省了不少時間，跟大分享。