想在IE6内实现悬停效果又不借助JS的话,也只能在a标签上下功夫了
事实上想要体现按钮,比较重要的是阴影和margin属性,
a标签的默认style:
阴影滤镜里的strength属性实际等同于外边距margin-bottom margin-right都增加了4,当然是依角度而定;
a:hover伪类的css
悬停时阴影减小(以表现按钮高度下降),由上一步的strength推知,为固定位子,margin-right/bottom属性加上当前strength应该与上一步strength相等
a:active的css属性
点击后,如果要体现按钮被按下陷,那么width和height就需要减小,减小程度看个人喜好了,margin的方向依然同a:hover,
此时margin的值应该margin-top=原strength(4)-现strength(3)-width/height减小值(-4)=5
当然如果不想要下陷的话那就更简单了,让阴影=0,margin-top/bottom=4就可以了