不过这类行为范畴的东西最好交由JS来完成。
还有就是IE6对元素伪类支持不好，hover有bug。测试的时候要注意。
纯css实现。这个小圆点应该是一个a标签：a{
width: 6px
height: 6px
float: right
margin-right: 6px
background-color: black
border-radius: 50%
}
a:hover{
width: 12px
height: 12px
}
1、可以将图片放大的容器或元素设置为fixed，这样就可以当鼠标悬停时，容器将会覆盖在其他图片上方；2、将图片放大的容器设置为可以移动，这样可以让容器随着鼠标移动而移动，从而将其他图片挡住的情况防止；
3、给图片放大容器添加z-index，使其在其他页面元素之上，从而可以覆盖其他图片；
4、使用css设置一个悬停后改变图片大小的动态效果，直接将图片变大，从而不会有其他图片的阻挡；
5、使用CSS3的transform属性设置图片放大动态效果，从而实现无阻挡的图片放大。
