使用CSS突出显示图像区域

Question

用于突出显示地图/楼层平面图的特定区域的HTML CSS解决方案是什么？

http://www.centrecourtshopping.co.uk/store-info/

Answer 1

他们使用精灵图像look here。

基本上，它的工作原理如下：

1. 深蓝色区域的地图完全是静态的。
2. 在它的顶部有一个隐形层，在它的情​​况<a>中由小矩形制成 - 每个都对应一个深蓝色区域，并拥有自己的id。
3. 当光标放在带有id x的矩形上时，精灵图像与其背景很好地对齐（通过设置CSS的background-position）。

不要以为，不使用JavaScript就可以实现这种魔力。