CSS3按鈕和精靈

Question

我已經構建了一個css3按鈕，但想要在Photoshop中複製其確切尺寸以創建一個適用於IE的精靈。這樣做的最好方法是什麼？

下面是代碼：

.button{background-image:-moz-linear-gradient(top,#6b7886,#3b4f63 50%); background- 
image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#6b7886),color-stop 
(1,#3b4f63)); padding:5px 15px; color: white; font-size:1.2em; font-weight: normal ! 
important; text-decoration:none; text-transform:uppercase; border:3px double #647484 
!important;border-top: 1px solid #c3d6df; -moz-box-shadow:1px 1px 3px #666; -webkit- 
box-shadow:1px 1px 3px #666; border-radius: 5px; box-shadow:1px 1px 3px #666;} 

.button:hover{background-image:none; background-color:#6b7886; 
-moz-box-shadow:0px 0px 2px #999; -webkit-box-shadow:0px 0px 2px #999; 
box-shadow:0px 0px 2px #999; text-decoration:none !important;} 

Answer 1

我認爲這不是一個很好的解決方案，打印屏幕！ 如何嘗試創建一個無圖像的按鈕與兼容代碼爲（貧窮）的IE瀏覽器？ 我已經使用this創建按鈕，this用於跨瀏覽器漸變！ 一起使用，我認爲這是有效的！

Answer 2

打開它在瀏覽器中，並做了PRINTSCREEN。