问题标签 [drop-shadow]

我使用以下 css 应用了阴影效果：

有谁知道其他浏览器的等价物是什么。

请注意我不能使用box-shadow: 0 1px 10px rgba(113,158,206,0.8)，因为这不会在形状的 css 箭头部分周围应用阴影效果

小提琴

你能看看这个演示，让我知道如何使用 CSS 将盒子阴影添加到 svg 吗？

我已经尝试过这些

但他们没有给 SVG 添加任何阴影

我有一个使用 listView 生成的滑块菜单。此 Listview 放置在 DrawerLayout 内。我想向 ListView 添加阴影效果。谁能一步一步告诉我该怎么做？

我正在开发一个使用 CSS3 的投影的项目。投影也被应用于具有 alpha 像素的图像。它在 Chrome 中运行良好。Firefox出现问题。我想要一个替代解决方案。目前我正在使用 SVG 来渲染类似阴影的效果，但它太重了，而且它会导致一些问题。我想获得一些想法，以便在 Firefox 中实现相同的功能。

请帮忙。谢谢。

我正在努力在尽可能多的平台上制作带有阴影的 SVG 图标。

为此，我正在使用以下简单的 CSS：

在 Chrome、Firefox 和 IE 等桌面浏览器上运行良好。但是在移动浏览器上，问题开始了：在 Chrome 中，图标变得模糊，而在 Firefox 中，投影只是被忽略了。删除阴影时，Chrome 中的图标会再次清晰，所以我认为它与阴影有一些共同点。

任何人都有同样的问题，并找到了可能的解决方案？

我正在尝试在站点的固定导航栏到达某个部分时为其添加阴影。谁能解释为什么这不起作用？

在我的 .CSS 中，

在我的 .JS 中，

});

我在向下箭头图像的顶部放置一个矩形 div，这样只有一个三角形的部分可以看到（我通过将矩形的 z-index 设置为 100 并将箭头的 z-index 设置为 -100 来做到这一点）。当我向向下箭头图像添加阴影时，我希望只出现三角形部分的阴影，但应该隐藏在矩形 div 下的其余向下箭头的阴影也会出现（参见图片以下）。

.

我在我的网站上的一些透明 png 中悬停时有阴影效果，但是当鼠标离开图像时阴影没有完全消除（并且在 Safari 和 Firefox 中也根本不起作用，但这将是另一个问题）

这是原始图像：

这是带有阴影的图像：

这是鼠标离开后的图像：

这是代码：和一个JSfiddle

CSS：

HTML：

感谢您的帮助！

我有下面的图像，并在外部样式表中编写了代码，因此当您翻转图像时，它会创建一个投影，但它只会创建一个框阴影。我正在使用的代码是：

我哪里错了？

我遇到了IE8的问题。我在另一个上面有一条丝带 IMG。当我在两个 IMG 的容器 DIV 上放置阴影时，绝对定位的色带会被容器边界切割。

这是HTML：

这是样式定义：

这是 IE8 中的结果：

这是预期的结果：

编辑：在https://jsfiddle.net/xk3wz4fd/1/中添加了 jsfiddle

谢谢你的帮助。

干杯!