如何将psd中的灯光效果转换为xhtml？

Question

我有一个psd，我现在转换为xhtml。设计很棒，编码很有趣，但psd充满了灯光效果层。 页面中的每个元素（页眉，页脚，内容，按钮和菜单）至少有2个灯光效果，基本上是一个带叠加模式的白色画笔点。

我尝试通过将每个灯光效果放在一个单独的图像中并使它们成为多个Devs的背景并将它们定位在应该的位置但是代码变得复杂而我不喜欢并且图像开始变得巨大的效果在页面加载。

我试图在一个非常大的图像中获得所有效果并将其定位在整个页面上，因为设计是固定宽度的。感谢上帝。但是图像也是巨大的，并且页面中并不总是有一些元素可以产生照明效果。

我真的不知道他们还有什么用。帮助PLZ。

感谢

Answer 1

尝试将照明效果展平到突出显示的图像上。这样它只有一个图像，听起来你已经有了这个位置。