兼容性好的CSS字體投影

 

<p>兼容性良好的css文字描邊</p>
<style><!--
h1, p {
color: #fff;
width: 100%;
text-align: center;
line-height: 150%;
font-weight: normal;
font-family: 微軟雅黑;
text-shadow: 1px 0 0 #8B4513, 0 1px 0 #8B4513, 0 -1px 0 #8B4513, -1px 0 0 #8B4513, 1px 0 1px #8B4513, 0 1px 1px #8B4513, 0 -1px 1px #8B4513, -1px 0 1px #8B4513;
filter: Dropshadow(offx = 1, offy = 0, color = #8B4513) Dropshadow(offx = 0, offy = 1, color = #8B4513) Dropshadow(offx = 0, offy = -1, color = #8B4513) Dropshadow(offx = -1, offy = 0, color = #8B4513);
}
p {
font-family: 宋體;
font-size: 12px;
}

div {
width: 100%;
color: #fff;
filter: Dropshadow(offx=1,offy=0,color=#290000) Dropshadow(offx=0,offy=1,color=#290000) Dropshadow(offx=0,offy=-1,color=#290000) Dropshadow(offx=-1,offy=0,color=#290000);
text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}
--></style>
<p>　</p>
<h1>兼容性良好的css文字描邊</h1>
<p>容器好像需要寬度高度，要不然會不顯示的！偶爾發現的。具體的大家可以仔細研究！</p>
<div align="center">描邊了嗎描邊了嗎描邊了嗎描邊了嗎描邊了嗎描邊了嗎</div>
<p>　</p>