兼容IE,FireFox,Chrome主流的文字阴影功能。

来源：互联网发布：java字符串转整型编辑：程序博客网时间：2024/05/01 07:26

属于代码小片断，直接贴代码了：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>    <title>兼容IE,FireFox,Chrome主流的文字阴影功能。</title>    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />    <style type="text/css">        .base-shadow        {            display: inline-block;            height: 25px;            line-height: 25px;            color: #000;            position: relative;            padding: 0 0px 0 0px;            overflow: hidden;        }        .text-shadow        {            color: #b1b1b1;            position: absolute;            top: 2px;            left: 2px;            z-index: -1;        }    </style>    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>    <script type="text/javascript">        $(function () {            var span = $("<span class=\"base-shadow\"></span>").text("good boys,we use text shadow");            span.append(span.clone().removeClass("base-shadow").addClass("text-shadow"));            $("#container").append(span);        })</script></head><body>    <div id="container">    </div></body></html>