Skip to content

Instantly share code, notes, and snippets.

@feimoslong
Created June 1, 2012 02:35
Show Gist options
  • Save feimoslong/2848210 to your computer and use it in GitHub Desktop.
Save feimoslong/2848210 to your computer and use it in GitHub Desktop.
IE 支持boxshadow
filter:progid: DXImageTransform.Microsoft.Shadow(color=#ffffff,direction=0,strength=0) progid: DXImageTransform.Microsoft.Shadow(color=#aaaaaa,direction=90,strength=5) progid: DXImageTransform.Microsoft.Shadow(color=#aaaaaa,direction=180,strength=8) progid: DXImageTransform.Microsoft.Shadow(color=#cccccc,direction=270,strength=5)
/*
@ 名称: 投影 | drop shadow
@ 用法: 添加 .sl-shadow
*/
.sl-shadow{
/* modern web browsers */
-moz-box-shadow:1px 3px 12px #bbb;
-webkit-box-shadow:1px 3px 12px #bbb;
box-shadow:1px 3px 12px #bbb;
/* 一定要设置background, 不然 ie 会显示在字体上 */
background: #fff;
/* gte=ie8 */
-ms-filter:"progid:DXImageTransform.Microsoft.Glow(color=#aaaaaa,strength=3) progid:DXImageTransform.Microsoft.Shadow(color=#eeeeee,direction=0,strength=6) progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=90,strength=10) progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=180,strength=6) progid:DXImageTransform.Microsoft.Shadow(color=#eeeeee,direction=270,strength=6)";
/* lte=ie7 */
*filter:
progid:DXImageTransform.Microsoft.Shadow(color=#eeeeee,direction=0,strength=7)
progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=90,strength=10)
progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=180,strength=10)
progid:DXImageTransform.Microsoft.Shadow(color=#eeeeee,direction=270,strength=7);
}
/* IE 9 干掉filter */
.sl-shadow:not(s){filter:none;}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment