【实现原理】: 通过css3伪元素::efore来绘制上半部分遮罩,::after来实现下半部分遮罩。 使用content: attr(data-descr);来设置伪元素中内容为设置元素属性attr 你还可以查看用伪元素实现tootip效果的文章:[这里写链接内容](http://blog.csdn.net/majormayer/article/details/50574952)