也不记得是哪天了,美工丢来一个页面要做。哇塞!上面居上有文字阴影的效果,一般这种情况下,要么就用图片,要么就是沟通一下把这个不2.0的效果给喀嚓掉就得了。如果只考虑IE的话那当然就一个滤镜就搞定,不过我们得向标准看齐嘛。当时脑瓜子转了转,还真让我给想出办法来了。就是下面这种效果咯。
其实这只算是一种取巧的手法了,原理很简单,其实是输入了两次文本,通过定位使其中一个在上方另一个在下方,并加上少许的偏移使之产生阴影的效果。当然,此方法是能通过W3C验证了,但本民工并不觉得这是一种“标准”的做法,还是只在少数需要增强设计的场合使用罢了。
下面是代码: