柴鸡不柴

CSS图像替换技术

Posted by baljeans on 十一月 24th, 2008

这里总结了Todd Fahrner和Mike Rundle两位设计师的小技巧：

第一种方法只是利用text-indent:-9999px;将文字隐藏到了左边，

并使用overflow:hidden;隐藏了Firefox下点击链接时长长的虚框;

第二种方法则使用display:none隐藏了span标签内的文字。

点击这里查看演示

标签：, ,
«
»

文章评论

  1. 思跃无限 2009-02-17,13:25 Notify

    第二种太麻烦了，第一种够简洁
    不过我一般习惯用个单独的标签来弄，免得每次都要定义，比如em

  2. baljeans 2009-02-19,02:37 Notify

    @思跃无限: 我经常用二种 嘿嘿

访客留言




  

提醒：昵称或个人网站填的不是个人博客的，一律提交至Akismet云垃圾处理中心。