css3 简单交互应用“:target”

先看示例：例一（请用firefox3.x、chrome4等支持css3的浏览器查看）

关键的css是这一句：

.post:target {
  display:block;
  position:fixed;
  top:50%;
  left:50%;
  margin:-80px 0 0 -260px;
}

例一向大家展示了css3中:target的神奇应用，但不足的是当有纵向滚动条时，会有页面跳转的动作；当然了，也必须有跳转动作:target才会运作。
如果需要取消页面跳转，那得用上JavaScript了。

但是我们可以换一种简单的交互方式：查看例二

这就是css3的魅力，通过css就能实现不错的用户交互体验，当然配合JavaScript会更出色！
在此抛砖引玉~