0
 .divClassGreen
    {      
           box-shadow: 0 0px black inset, 0 -3px white inset, -0px 0 blue inset, 0px 0 green inset;
           border-bottom:5px solid  green;       
    }

我想给选项卡和边框绿色提供阴影白色,这段代码在 google chrome 和 firefox 中运行良好。但在 IE 中,只有边框底部起作用,框阴影不起作用,基本上我试图给它两个边框,我的元素是在 c# 中创建的。

4

5 回答 5

1

即使 IE8 不直接支持它,您也可以使用 box-shadow,但方法稍有不同。

查看此链接中的代码,您会在 IE8 浏览器上看到阴影。

此外,您可以使用CSS3 PIE来管理对阴影等的跨浏览器支持。

CSS3 Pie 支持 box-shadow http://css3pie.com/documentation/supported-css3-features/

于 2013-03-29T10:15:44.293 回答
0

更多 CSS-3 代码适用于 IE-9 及更高版本。

对于 IE-8,您只需为元素设置边框:

于 2013-03-29T10:10:35.297 回答
0

ie不支持box-shadow,尝试使用图像(png)作为背景定位ie

http://css-tricks.com/how-to-create-an-ie-only-stylesheet/

于 2013-03-29T10:11:19.133 回答
0

IE8 和更少有一个专有filter属性,这个模仿最简单的线性渐变:http
://www.colorzilla.com/gradient-editor/#ffffff+0,000000+100;自定义 以防万一它是你想要的这种后备更喜欢。但是@Aleks 的答案可能更接近您想要实现的目标;)

注意:如果粗体/斜体文本在较小的 IE 上突然变得模糊和难看,怪罪filter

于 2013-03-29T10:19:16.257 回答
0

如果您在 Internet Explorer 9 中使用 box-shadow 作为 CSS 属性并且 box-shadow 未显示,您可能需要检查: 您使用的是正确的语法 - 您可以检查该属性是否出现在开发人员中当前元素的窗口 (F12)。如果这对您没有帮助,您可能想知道,Internet Explorer 9+ 支持 box-shadow,所以如果您使用

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8" />

在您使用 Internet Explorer 9 的页面中,或者如果您使用的是 Internet Explorer 8(或更低版本),box-shadow 将不起作用。如果您想在 Internet Explorer 8 中获得类似的效果,请阅读这篇文章。

看下面的选项

http://css-tricks.com/snippets/css/css-box-shadow/

于 2013-03-30T13:06:37.977 回答