您的位置：首页 > Web前端 > CSS

css3 特性

2015-09-01 09:49 519 查看

阴影

<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);  放在最后

参考：

/article/1300688.html

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航