CSS实例:创建一个鼠标感应换图片的按钮(2)
来源：互联网 责任编辑：栏目编辑 发表时间:2013-07-02 02:12 点击:次
我们现在已经有了一个漂亮的按钮，但他还没有达到聚焦时所需要的转换效果，所以，我们还需要加入：
a.button:active { background-position: bottom right; color: #000;outline: none; /* hide dotted outline in Firefox */ } a.button:active span { background-position: bottom left; padding: 6px 0 4px 18px; /* push text down 1px */ }
OK，大功告成。但需要注意的是，光靠上面的方法，不能正常运行于IE浏览器下面，所以，要让他在IE上也能工作，你需要在a标签里使用到:
<a href=”#” onclick=”this.blur();” class=”button”> … </a>
相关新闻>>
最新推荐更多>>>
- 发表评论
-
- 最新评论 更多>>