Html IE8的CSS3盒阴影效果?
我有以下风格来获得这种效果: 它适用于IE9和Chrome,但不适用于IE8。我应该改变什么使它在IE8中工作 请注意,我已将此样式应用于封装图像的标记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
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。