阴影
<html>
<head>
<meta charset="gb2312">
</head>
<body>
<style>
.bg{width:512px; height:340px; margin:1em auto; background:url(http://image.zhangxinxu.com/image/study/s/s512/mm19.jpg);}
.font{margin:0; padding:1em; font-size:36px; font-family:"微软雅黑"; float:left;}
.sh{margin:-1px 0 0 -1px; color:#fff; position:absolute;}
</style>
<div class="bg">
<h4 class="font"><span class="sh">张小姐长大了!</span><div>张小姐长大了!</div></h4>
</div>
</body>
</html>
<!-- 亮点1 position:absolute;. 亮点2 margin:-1px 0 0 -1px; 此方法 解决文字阴影 兼容性 -->
ie10 不支持 text-shadow :0 0 0 #0000;
ie filter:progid:DXImageTransform.Microsoft.MotionBlur(strength=5, direction=145); 放在最后
参考: