日期:2014-05-17  浏览次数:20718 次

讨论一下163邮箱的按钮效果是如何实现的。
作为web展现技术处于石器时代的我来说,这种效果有点神奇。

这是这组按钮,首先他们是圆形的,第一反应是一张矩形png图片,圆形以外的部分透明。

把鼠标移动到图片,鼠标变成手型。但是如果是这种实现思路的话,没办法解释鼠标移动到矩形以内内切圆以外的部分,鼠标不是手型!
用firebug看了一下代码,没有看到map area或者HTML5等标签。请教大家如何实现?
web

------解决方案--------------------
CSS3属性:border-radius(圆角)
------解决方案--------------------
我没有163邮箱,126倒有,不过没看到这些按钮。
用png图片以前很流行,现在svg也开始流行了,
你看看是不是svg图片?