摘要：
闲话少说，最近遇到一个页面上需要排列个数不等的按钮，且每个按钮的文字长度不一，这样一个有点棘手的需求。前台设计要求该按钮必须是圆角且带有立体感效果，但是由于按钮文字长短不一，若使用背景图片制作按钮会存在难以处理的情况（按钮背景是png图片，半透明效果，使用叠加法会使得按钮半透明部分叠在一起变得丑陋不堪），最后不得不想办法使用纯CSS来模拟这样一个按钮，经过多次试验，终于拿出来一个解决方案。截图在这里：要做这样一个东西，显然必须满足兼容性这一基本要求，而且尽量不要使用CSS Hack，幸运的是，我这种模拟刚好实现了以上要求。代码如下：<!DOCTYPE html PUBLIC " 阅读全文
posted @ 2011-10-25 21:18 随它去吧 阅读(2455) 评论(5) 推荐(0) 编辑