CSS实现文字描边，并且兼容常用浏览器

来源：百度知道 编辑：UC知道 时间：2024/05/13 04:50:20
CSS实现文字描边的方法，我会，可是有些浏览器不兼容，希望大家能给我提供一种兼容，所有浏览器的CSS描边效果谢谢

用js很简单啊 在网上有很多 好像JQUERY有这个插件

要纯css实现 我实现过阴影 按照那个理论你这个也可以 方法是：
每个文字显示三遍
然后设置一个文字浮动在另一个文字的上面 位置右下个移动1PX
然后设置一个文字浮动在另一个文字的上面 位置右下个反方向移动1PX
然后底部的两个文字设置浅灰色

好像这个方法可以，理论上 没试过 貌似很...

<style type="text/css">
body { font-size:12px; font-family:Arial, Helvetica, sans-serif;
filter:alpha(style=1,startY=0,finishY=100,startX=100,finishX=100);
background-color:#666666;
}
.sizscolor {
position:absolute;
padding:4px;
filter:
Dropshadow(offx=1,offy=0,color=white)
Dropshadow(offx=0,offy=1,color=white)
Dropshadow(offx=0,offy=-1,color=white)
Dropshadow(offx=-1,offy=0,color=white);
}
</style>
</head>

<body>
<span>这是滤镜属性的使用 - dropshadow.</span>
<br />
<div class="sizscolor">中文描边效果</div>
</body>

。。。