CSS3 Box Shadow效果的IE8? [英] CSS3 Box Shadow Effect for IE8?

查看:115
本文介绍了CSS3 Box Shadow效果的IE8?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我有以下样式得到这种效果:

I have the following style to get this effect:

它可以在IE9和Chrome,但不是在IE8。我应该改变什么,使其工作在IE8。

It works in IE9 and Chrome but not in IE8. What should I change to make it work in IE8.

请注意,我已将此样式应用于封装图片的标记。

Please note that I have applied this style to a tag encapsulating the image.

 border-collapse: separate !important;
 box-shadow: 0px 0.5px 11px 4px #888888;


推荐答案

filter css rules to acheive this and forgo the CSS3PIE entire。

You can use IE specific filter css rules to acheive this and forgo the CSS3PIE entirely.

这将给你一个接近你要找的东西。

This will give you something close to what you are looking for.

filter: 
  progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa,direction=0,strength=5), 
  progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa,direction=45,strength=2), 
  progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa,direction=90,strength=5), 
  progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa,direction=135,strength=5), 
  progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa,direction=180,strength=10), 
  progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa,direction=225,strength=5), 
  progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa,direction=270,strength=5), 
  progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa,direction=315,strength=2); 

可以在这里查看演示: http://hedgerwow.appspot.com/demo/shadow

A demo can be viewed here: http://hedgerwow.appspot.com/demo/shadow

有关IE筛选器的详细信息请参阅此MSDN文章: http://msdn.microsoft .com / en-us / library / ms532847(v = vs.85).aspx

And for more information on IE filters see this MSDN article: http://msdn.microsoft.com/en-us/library/ms532847(v=vs.85).aspx

许多这些过滤器自IE4以来都支持css2,并且在没有浏览器完全支持CSS1的时候。所以如果你认为辉光过滤器看起来丑陋的责怪它1997年不是微软。 ;)

Many of these filters have been supported since IE4, well before css2, and at a time when no browser fully supported CSS1. So if you think the glow filter looks ugly blame it on 1997 not Microsoft. ;)

这篇关于CSS3 Box Shadow效果的IE8?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆