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