• HOME
  • DOCS
  • WTF
  • TECH
  • LIFE
  • PAGES
    • ARCHIVE
    • TAGS
    • ABOUT
    • FRIENDS
    • RSS
  • TOOLS
    • GEO
    • RANDOM()
    • GOO.GL
    • CSS HEART
Aj's Blog

记录时间溜走的瞬间和折腾过的那些事

如何用CSS实现隐藏51la统计文字和图片
2010-12-03 @ TECH

51la的统计速度和精确度上确实不错。

让很多站长感觉不爽的就是统计代码的文字和图片。

它总会在不该出现的时候出现,很不和谐。

如何用CSS控制统计代码中的文字和图片的显示呢?

以本站为例:

<div id=”footer”>统计代码</div>

未控制前效果:

CSS中添加:
 #footer a:link{color:#FFF; text-decoration:none;}
 #footer a:visited{color:#FFF; text-decoration:none;}
 #footer a:hover{color:#F60; text-decoration:none;}

控制后效果

为何要在a:hover中控制颜色#F60而不是直接display:none呢?

因为很多站长习惯了查看网站流量的时候点击统计链接过去看。

所以选择把文字颜色做成跟背景色相同色,hover的时候才变色。

既不影响使用也不影响美观。

如果你是使用的图片,那么不用我细说了吧?

下一篇:   你眼里除了钱还有没有我?
上一篇:   IE8将不再支持CSS expression
暂无评论

Cancel reply