这个我没见过用CSS写的，一般都是CSS定义主按钮和子按钮的文字，大小，颜色等。
然后用脚本调入按钮动作，
比如用CSS定义第一层主按钮为60*20，子按钮为60*15。
那么脚本调用并定义动作，一般用JAVASCRIPT，
最终效果是鼠标指向按钮时，根据脚本定义的动作，如移过，点击等，
出现相关的效果，就是CSS定义的效果
语法：position : static | absolute | fixed | relative
取值：
static : 默认值。无特殊定位，对象遵循HTML定位规则
absolute : 将对象从文档流中拖出，使用 left ， right ， top ， bottom 等属性相对于其最接近的一个最有定位设置的父对象进行绝对定位。如果不存在这样的父对象，则依据 body 对象。而其层叠通过 z-index 属性定义
fixed : 未支持。对象定位遵从绝对(absolute)方式。但是要遵守一些规范
relative : 对象不可层叠，但将依据 left ， right ， top ， bottom 等属性在正常文档流中偏移位置
看到有 position 的CSS样式 删了就可以了
嵌套一个DIV，外边的DIV用背景来表示，里面的DIV就是新添加的层啊<div class="bgimage"> //这里DIV样式，bgimage在CSS里设置背景
<div>新添加的层</div>
</div>
