Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/39.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html IE8的CSS3盒阴影效果?_Html_Css_Internet Explorer 8 - Fatal编程技术网

Html IE8的CSS3盒阴影效果?

Html IE8的CSS3盒阴影效果?,html,css,internet-explorer-8,Html,Css,Internet Explorer 8,我有以下风格来获得这种效果: 它适用于IE9和Chrome,但不适用于IE8。我应该改变什么使它在IE8中工作 请注意,我已将此样式应用于封装图像的标记 border-collapse: separate !important; box-shadow: 0px 0.5px 11px 4px #888888; IE8本机不支持框阴影。你可以使用神奇的图书馆来实现这一点 但是,请注意,这并不能完全复制框阴影。主要是,如果图像具有任何透明度,则元素后面的阴影将穿透: 与其他浏览器不同,PIE

我有以下风格来获得这种效果:

它适用于IE9和Chrome,但不适用于IE8。我应该改变什么使它在IE8中工作

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

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


IE8本机不支持
框阴影
。你可以使用神奇的图书馆来实现这一点


但是,请注意,这并不能完全复制
框阴影
。主要是,如果图像具有任何透明度,则元素后面的阴影将穿透:

与其他浏览器不同,PIE渲染的阴影形状在元素背景后面的区域是不透明的。这意味着,如果元素具有透明或半透明背景,则不透明阴影将显示出来。为了避免这种情况,您必须[…]为元素提供不透明的背景


请参阅:

IE8本机不支持
框阴影
。你可以使用神奇的图书馆来实现这一点


但是,请注意,这并不能完全复制
框阴影
。主要是,如果图像具有任何透明度,则元素后面的阴影将穿透:

与其他浏览器不同,PIE渲染的阴影形状在元素背景后面的区域是不透明的。这意味着,如果元素具有透明或半透明背景,则不透明阴影将显示出来。为了避免这种情况,您必须[…]为元素提供不透明的背景


请参阅:

CSS3PIE是您在这个问题上的朋友,请尝试iy 但要小心在IE8上使用它


我现在很头疼IE8崩溃,因为PIE与其他javascript发生冲突

CSS3PIE是你在这个问题上的朋友,去试试吧 但要小心在IE8上使用它


我现在很头疼IE8的崩溃,因为它与其他javascript的PIE冲突

你可以使用IE特有的
过滤器
css规则来实现这一点,完全放弃CSS3PIE

这将给你一些接近你正在寻找的东西

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); 
可以在此处查看演示:

有关IE过滤器的更多信息,请参阅此MSDN文章:


许多过滤器从IE4开始就得到了支持,远远早于css2,当时还没有浏览器完全支持CSS1。因此,如果你认为辉光过滤器看起来很难看,那就归咎于1997年,而不是微软

您可以使用IE特定的
过滤器
css规则来实现这一点,并完全放弃CSS3PIE

这将给你一些接近你正在寻找的东西

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); 
可以在此处查看演示:

有关IE过滤器的更多信息,请参阅此MSDN文章:


许多过滤器从IE4开始就得到了支持,远远早于css2,当时还没有浏览器完全支持CSS1。因此,如果你认为辉光过滤器看起来很难看,那就归咎于1997年,而不是微软

IE8不支持
框阴影
。你能得到的最接近的是
glow
过滤器,相信我,没有比这更难看的东西了。@minitech你可以像在CSS3PIE中一样使用VML polyfill。IE8不支持
盒影
。你能得到的最接近的是辉光过滤器,相信我,没有比这更丑陋的东西了。@minitech你可以像在CSS3PIE中一样使用VML polyfill。