问题标签 [dropshadow]

我已经对此进行了一些广泛的代码示例搜索，但找不到任何东西。

特别是，我希望为我在 ImageView 中使用的 png drawable 添加阴影。这个 png drawable 是一个带有透明角的圆角矩形。

有人可以提供一个代码示例，说明如何在代码或 XML 中向视图添加一个像样的阴影吗？

在 html 可以是液体的情况下，在 html 周围创建阴影的最佳做法是什么？

我曾经使用一张桌子并有 8 个 png 图像（4 个边和 4 个角）作为外部 8 个单元格中的每一个的背景，我希望在中间单元格中放置阴影。不是很语义化，但至少阴影图像是背景，而且是流动的...... html 很丑陋，乏味，可能对 SEO 不太友好。

现在有更兼容的方式（尽管我根本不记得有浏览器问题）还是有更语义化的方式来处理这个？

我不关心IE6。我使用 jquery，所以 javascript/jquery 机制，只要现代浏览器之间没有兼容性问题，我就可以了。

更新：使用 CSS3 的 box-shadow 的建议非常好。唯一的问题是它只做一个与它所应用的 html 元素大小相同的盒子阴影。所以这意味着我不能在周围有阴影（好像光源直接在头顶上）。我可以添加一个更大的周围 div。但是接下来会发生什么是边界半径导致白色伪影出现在角落......

有没有办法在 html 元素周围有一个漂亮的黑色阴影，而不仅仅是偏移它？

更新 2：CSS3 的 box-shadow 和 firefox/webkit 的实现都支持允许我想要的扩展值。不在下面的dynamicdrive.com链接中。谢谢大家！

好的，我一直在阅读和搜索，现在我把头撞在墙上试图弄清楚这一点。这是我到目前为止所拥有的：

}

测量中的“+5”是暂时的；据我了解，我需要做一些数学运算来确定阴影添加到画布的大小，对吧？

但是当我使用这个时：

在我的 ImageView 中，当我运行程序时，我仍然得到一个普通的 ImageView。

有什么想法吗？谢谢。

编辑：所以我在 IRC 频道中与 RomainGuy 进行了交谈，我现在使用以下代码处理普通矩形图像。它仍然不会直接将阴影绘制到我的位图透明度上，所以我仍在努力。

这是一个棘手的问题：有没有人看到一个 YUI 对话框/面板实现，对话框周围有漂亮的 OS X 样式阴影，而不是默认使用“底层”元素实现的块状阴影？

您可以在 Amazon.com 弹出窗口中看到这种类型的阴影。它需要相当多的PNG，但看起来非常漂亮。

我正在考虑插入额外的 DIV 或替换 .underlay 元素，并挂钩到对话框大小事件以调整尺寸。后者是必需的，因为 YUI 使用一些 CSS 技巧使底层元素“捕捉”到仅在现代浏览器中使用 CSS 的对话框尺寸，并为 IE 使用手动尺寸更新。

编辑：刚刚检查了 YUI 3。面板小部件尚不可用，只有容器，它仍处于测试阶段。所以我正在考虑在 YUI 2 中解决这个问题。

PS：哦，我想我可以将 PNG 阴影包含在面板的页眉、正文和页脚（hd、bd、ft）中，作为额外的填充。并使用 css 规则隐藏 YUI 的底层。嗯，我只是希望我不必这样做，因为它改变了可拖动区域的计算，这不是一个好方法。

我有两个 UIViewControllers A 和 B，它们作为子视图添加到 AppDelegate 中，B 在 A 之上。

当点击 B 上的 UIButton 时，B 会向左滑动，代码如下：

在右边缘我想要一个 20px 的阴影，但我不能使用阴影属性，BView.view.layer.shadow....因为它只有 3.2/4.0+。而且动画的表现很糟糕，幻灯片非常滞后（没有阴影的流畅）。

我正在考虑使用自定义 UIView 并在 drawRect 中做一些魔术，但这是可能的还是我只能在视图的范围内绘制？

希望你们中的一些人和女孩可以帮助我。

干杯 objneodude

When scrolling a webview in Titanium for iPhone, some ugly dropshadows appear to define the limits of the content. These are the native shadows you also get when scrolling to the ends of a page in mobile safari.

See: http://bit.ly/dh11Gx

Would anyone know of a simple way to remove these from within Titanium, or possibly directly within the html?

Thanks!

-moz-box-shadowFirefox 的支持情况如何？我以为我听说了很长一段时间，但页面

https://developer.mozilla.org/en/css/-moz-box-shadow

说直到 Firefox 3.5 和 Gecko 1.9.1 才支持它？（使用当前的 Firefox 3.6.12 和 Gecko 1.9.2）所以直到最近才支持它，这是真的吗？

我发现 CSS 的解释box-shadow有些-moz-box-shadown不精确。

http://www.w3.org/TR/2010/WD-css3-background-20100612/#the-box-shadow

第三个长度是模糊距离。不允许使用负值。如果模糊值为零，则阴影的边缘很锐利。否则，值越大，阴影边缘越模糊。

第四个长度是传播距离。正值会使阴影形状在所有方向上扩展指定的半径。负值会导致阴影形状收缩。

第四个长度是否真的会使用相同的颜色（最暗的阴影），并为指定的宽度重复此操作？所以它不会平滑模糊吗？

它可以实现指定模糊率或淡出率......？

有人非常准确地知道它们是如何工作的吗？

如果一个div的高度是10px，那么阴影就可以了：

http://jsfiddle.net/m3KYB/6/

但是如果将高度更改为 1px 或 0，则阴影没有很好的模糊效果并且颜色均匀，并且也更亮（在 Firefox 和 Chrome 上）

可以通过使用 10px 的高度以及 来破解它margin-top: -10px，但有时在“假”10px 框的左右两侧可能会有“额外的阴影”……还有什么是更标准的方法呢？使用黑客？

我正在创建一个包含三列内容的网站.....

1. 导航浮动：左；
2. 以主要内容为中心
3. 右列浮动：右；

是否可以对所有这三个区域进行投影。

我试过了，但不知道 div 是否禁止最终结果？