在网页设计中，文字效果可以让整体页面更具吸引力，其中一种常见的效果就是文字发光。本文将介绍如何使用CSS实现此功能并保证兼容性。

.text{
color: #fff; /*文字颜色*/
text-shadow: 0 0 5px #fff; /*不同浏览器下的发光效果*/
-webkit-text-stroke: 1px #fff; /*Safari和Chrome下的发光效果*/
}

上述代码通过设置文字颜色和阴影实现了文字发光效果。其中，text-shadow是CSS3新特性，可以在不同浏览器下实现发光效果，多个阴影之间用逗号隔开。-webkit-text-stroke是Webkit内核浏览器独有的属性，用于使文字绘制边缘更粗，从而实现发光效果。

要实现兼容性，可以在样式中同时定义text-shadow和-webkit-text-stroke，这样就能保证在多个浏览器下都能正常显示。

.text{
color: #fff; /*文字颜色*/
text-shadow: 0 0 5px #fff; /*不同浏览器下的发光效果*/
-webkit-text-stroke: 1px #fff; /*Safari和Chrome下的发光效果*/
}

总之，通过合理使用CSS属性可以轻松实现文字发光效果，并保证多个浏览器的兼容性，这样就能让网页更有吸引力。