CSS div文字描边 兼容IE6 IE7 IE8 火狐浏览器
发布网友
发布时间:2022-04-23 07:01
我来回答
共5个回答
热心网友
时间:2022-04-06 12:52
<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);
text-shadow:0 0 1px #FFF;
}
</style>
</head>
<body>
<span>ie用滤镜,火狐用css3</span>
<br />
<div class="sizscolor">中文描边效果</div>
</body>
</html>
热心网友
时间:2022-04-06 14:10
ie可以用滤镜,但是ff不支持的,所以你说的文字描边如果是静态的文字可以用图片代替,如果是动态文字的话是css做不出来的呀
热心网友
时间:2022-04-06 15:44
可以做出浮雕效果的
<style>
.div1{width:100%; height:auto; overflow:visible; position:relative;}
.div1 div{width:100%; height:auto; overflow:hidden; position:absolute;}
</style>
<div style="" class="div1">
<div style="left:1px;top:1px;color:#CCC;" class="div1">ie可以用滤镜,但是ff不支持的</div>
<div style="left:0px; top:0px; " class="div1">ie可以用滤镜,但是ff不支持的</div>
</div>
热心网友
时间:2022-04-06 17:36
css没有描边属性,如果文字较少的话还是用图片吧
热心网友
时间:2022-04-06 19:44
CSS可以参考W3C标准 http://www.w3school.com.cn/css/