YUI 2中更好的对话阴影?

时间:2010-09-24 12:19:18

标签: dialog yui javascript-framework css-sprites dropshadow

这是一个棘手的问题:有没有人看到YUI对话框/面板实现在对话框周围有漂亮的OS X样式阴影,而不是默认情况下使用“underlay”元素实现的块状阴影?

This kind of shadow

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

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

编辑:刚刚查看了YUI 3. Panel小部件尚不可用,只有Container,它仍然是测试版。所以我正在考虑在YUI 2中解决这个问题。

PS:哦,我想我可以将PNG阴影作为Panel的标题,正文和页脚(hd,bd,ft)的一部分,作为额外的填充。并使用css规则隐藏YUI的底层。嗯,我只是希望我不必这样做,因为它改变了可拖动区域的计算,这不是一个很好的方法。

0 个答案:

没有答案