摘要：
閑話少說，最近遇到一個頁面上需要排列個數不等的按鈕，且每個按鈕的文字長度不一，這樣一個有點棘手的需求。前臺設計要求該按鈕必須是圓角且帶有立體感效果，但是由于按鈕文字長短不一，若使用背景圖片制作按鈕會存在難以處理的情況（按鈕背景是png圖片，半透明效果，使用疊加法會使得按鈕半透明部分疊在一起變得丑陋不堪），最后不得不想辦法使用純CSS來模擬這樣一個按鈕，經過多次試驗，終于拿出來一個解決方案。截圖在這里：要做這樣一個東西，顯然必須滿足兼容性這一基本要求，而且盡量不要使用CSS Hack，幸運的是，我這種模擬剛好實現了以上要求。代碼如下：<!DOCTYPE html PUBLIC " 閱讀全文
posted @ 2011-10-25 21:18 隨它去吧 閱讀(2522) 評論(5) 推薦(0)
浙公網安備 33010602011771號