问题标签 [dropshadow]

我有一个 ItemsControl，其中包含一些嵌套容器。我想在主 ItemsControl 的每个元素周围添加一个阴影。但相反，它将它添加到主 ItemsControl 内的某些容器中（创建阴影行）。我已将效果置于多个不同的级别，但结果没有任何变化。我从主 ItemsControl 中项目的最外层容器开始，然后从那里向上。

这是我目前放置阴影效果的地方：

这是 Step5Item 的定义，我添加了阴影出现位置的文档：（编辑）我删除了元素的内容，因为那只是样式等等。

底部还有一个阴影，但我不知道它是来自 ItemsControl 中的最后一个元素还是来自最外面的边框。

如果您愿意，我可以进一步清理第二个代码段。我拿出了一些东西，但留在了元素中，认为这可能是最好的可读性。

编辑 我在添加子元素后尝试应用效果，希望因为它们会在效果发挥作用之前创建，所以不会发生问题。我尝试将效果放置在主 ItemsControl 的底部以及 Step5Item 中最外层网格的底部。我还从 Step5Item 中删除了一些内容，以使其更具可读性。

编辑2

这是有和没有效果的两张图片。我将 DropShadow 代码完全放在上面放置的位置，尽管就像我说的那样，我可以将它放置在许多地方以获得相同的效果。

使用阴影

没有阴影

没有错误 http://img402.imageshack.us/img402/1456/nodropshadowexample.png

编辑 3

这是我在 Erno 的解决方案中使用的边框和阴影效果。我希望能够进一步增加阴影深度，因为右侧没有任何阴影，只有底部。目前，如果我更改 ShadowDepth，它会将阴影的位置更改为距离等于新尺寸的距离，但它的厚度仅为 1。

我想知道如何在容器上创建一个阴影，使容器看起来低于其父级。通常，阴影主要应用于右侧和下侧的外侧。我想要实现的是应用于顶部和左侧内部的阴影。这个想法是给出容器嵌入其父级的外观。

任何想法将不胜感激。

我正在处理 ASP.NET 项目。当我将 DropShadow 扩展器放在面板内时，会有一个新的阴影效果，但在我设置不同的不透明度值后它不会改变。阴影看起来与值 0、0.1、0.5 和 1 相同。我还尝试了大于 1 的值。有谁知道为什么会这样？

我正在寻找一种使用 PHP 向图像添加阴影的方法。在您回答或投票结束之前：我不希望使用 CSS 或 HTML 来执行此操作。我想生成一个图像文件。这不是这个问题的副本，也不是这个问题的副本。

我正在寻找一种非常具体的效果。例如，给定这个输入图像：

我想生成以下图像：

TL;DR：上面这张图片是使用 Photoshop 的投影效果生成的。我想要一个非常相似的外观。作为参考，这是我们设计团队使用的设置。理想情况下，我会在我的代码中对角度、距离、不透明度等进行类似的控制：

我可以完全访问我们基于 debian-linus 的服务器，因此任何 GD 或 ImageMagick 解决方案都可以使用。与任何 FOSS linux 软件解决方案一样，尽管我更喜欢使用 IM 或 GD 的方法，因为它们已经安装并且不需要安装新软件。

阴影必须能够放置在透明的非矩形 PNG 上！

我问这个问题主要是因为我在网上找到的脚本和解决方案要么只产生矩形阴影，看起来像大便，要么根本不起作用。

在 GDI 中向图像添加阴影的有效方法是什么？

现在我从我的形象开始：

我使用 ImageAttributes 和 ColorMatrix 将图像的 alpha 蒙版绘制到新图像：

然后我应用一个高斯模糊卷积核，并稍微偏移它：

然后我将原始图像重新绘制在顶部：

问题是它太慢了，生成带有阴影的图像大约需要 170 毫秒，而没有阴影则需要 2 毫秒（慢 70 倍）：

• 带阴影： 171,332 µs
• 没有阴影：2,457us

当用户（例如我）滚动项目列表时，额外的 169 毫秒延迟非常明显。

您可以忽略下面的代码，它不会向问题或答案添加任何内容：

它使用该函数来获取灰度 alpha 蒙版：

核心是高斯模糊：

这需要一维内核：

然后高斯函数的神奇之处在于它可以分成两个 1D 卷积：

使用示例，在我的 256x256 源图像上：

分析显示 88.62% 的时间花在以下行中：

这是每个像素的 alpha 混合。

这让我觉得有更好的方法来应用模糊效果，毕竟 Windows 和 OSX 会实时对窗口应用阴影。

编辑：更一般的问题：我喜欢 div 上的 box-shadow，但是当我将 div 直接放在 box-shadow 的 div 下方时，尽管弄乱了 z-index，阴影的底部不会覆盖在顶部。所以看起来 box-shadow 不能覆盖另一个 div？任何想法都会很棒！

原始问题-我正在使用蓝图进行布局。这意味着有一个 .container ，950px其中包含一个.container #content。

在这种情况下，#content填充整个容器也是如此950px。

我想#content在.container.

一种解决方法是减小宽度，#content但这会弄乱我已经拥有的布局定位，并且看起来太窄了。

有没有办法让盒子阴影忽略父容器并出现在它上面？我猜这不是特定于蓝图的，但这就是上下文。谢谢！

编辑：

#content是直接在.container。如果我在上面放置阴影，#content直到我缩小宽度才能看到它，这会与内部元素混淆。

我创建了一个用作某种弹出窗口的小部件，因此周围应该有一个阴影，以从背景中光学提升它。我在弹出窗口小部件的构造函数中初始化投影效果，如下所示：

该应用程序在带有 Intel Atom CPU、自定义 Linux 发行版、Qt v4.7.3 与 qws 服务器运行的嵌入式系统上运行。当我禁用投影时，当 GUI 空闲时，我的 cpu 使用率低于 10%。启用投影可将 cpu 使用率提高到 80% 以上。分析应用程序显示大部分 CPU 时间都花在libQtGui.so.4.7.3.

有没有人知道为什么 cpu 使用率会像这样爆炸，即使 GUI 中绝对没有发生任何事情，甚至没有鼠标移动？

编辑：更改弹出窗口的大小会更改 CPU 使用量。将大小减小到四分之一会将 cpu 使用率降低到大约四分之一。很奇怪。

我想为我的 div 添加一个透明的阴影。我有一个容器，在它后面我想放置一个阴影。我不希望阴影有颜色。这是我到目前为止所拥有的：

我想添加不透明度，但是当我做整个 div 的不透明度改变时。

我的应用程序中的主窗口是无边界的：

从那个窗口，我还打开其他子窗口。当我在其他子窗口之间单击时，我看到当该子窗口被单击并成为焦点窗口时，这些子窗口的阴影会变暗/变大。但是，我的主窗口的阴影在失去或获得焦点时不会改变。因此，没有太多用户反馈告诉他们原来的主窗口再次成为焦点。

我是否需要覆盖无边框窗口子类中的某些内容以启用阴影更改？它有一个阴影，当那个窗口是焦点时它不会变暗/变大。

我一直在为这个问题扯掉我的头发，我想要一个围绕整个元素的简单阴影，除了顶部。我让它在 Firefox 和 Chrome 中运行没有问题。但是 IE 有这个奇怪的“方向”设置，其中另一个是 4 个数字来定义阴影。

有人可以帮我定义正确的 CSS，以便它在除顶部之外的整个元素周围有阴影。