HTML/CSS - 阴影图像调整大小

Posted 2023-03-06

【中文标题】HTML/CSS - 阴影图像调整大小

【英文标题】：HTML/CSS - shadow image resize

【发布时间】：2011-07-11 23:10:11

【问题描述】：

将阴影拟合到其父级的最佳、最常见的方法是什么？

我希望我的用户能够创建带有阴影的内容（div、spans 等），并且我不希望他们放置阴影的宽度/高度（看起来这是最简单的方法）：

http://jsfiddle.net/7MyVd/

有什么想法吗？

允许使用 jQuery/php/html5/CSS3。

我最好的想法是容器 + img 宽度 = 100% 总是，但我想不通。

jQuery width() 看起来不错，但不适用于 Nivo 滑块等（它们被切片并且 width() 输出宽度的 1/10）。

【参考方案1】：

如果您将img 放在 div 内，则可以设置图像相对于其容器的宽度。

http://jsfiddle.net/g105b/7MyVd/1/