(CSS专题)给标题加上阴影效果
自从Firefox 3.1发布之后,4大浏览器中已有3个支持CSS的text-shadow属性,唯独IE浏览器尚不支持。利用text-shadow可以轻而易举的实现文字的阴影从而产生立体效果。例如:IT北瓜博客的text-shadow为:
h1, h2, h3, h4, h5, h6 {
font-weight:bold;
letter-spacing:-0.05em;
font-family:"微软雅黑",Arial;
text-shadow: 1px 1px 2px #999;/*这里就是阴影效果*/
}
具体效果见本博客。
由于IE不支持text-shadow属性,所以这里顺便介绍一款可以在IE下实现阴影效果的jQuery插件Text-shadow in IE with jQuery,但插件的作者也提到了该插件还有一些bug。
暂无关联文章!