text-shadow兼容性问题

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			*{padding: 0;margin: 0;}
			a{text-decoration: none;}
			#links li a {
				font-size: 24px;
				font-weight: bold;
				text-shadow: 0 0px 5px #ff5300, 0 0px 5px #ff5300;
				/* For IE 8 */
				-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=90, Color='#ff5300')";
				/* For IE 5.5 - 7 */
				filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=90, Color='#ff5300');
				filter:DropShadow(Color=#ff5300, OffX=0, OffY=5);
				zoom: 1;
			}
		</style>
	</head>
	<body>
		<ul id="links">
			<li><a href="#"/>Text</a></li>
		</ul>
	</body>
</html>

发布了35 篇原创文章 · 获赞 11 · 访问量 3万+

猜你喜欢

转载自blog.csdn.net/gongzhonghua/article/details/103875652