我有一个包含图层的 psd 文件，它是我需要创建的网页的模型。您可以查看页面方案here .对于每个页面元素(页眉、菜单、主体、页脚等)，psd 文件中都有图层。还有一些带有阴影的圆形图像也构成图层，它们相互重叠，以及页面的主体文本区域和页眉，正如您在页面方案中看到的那样。
我的问题是，导出切片以在页面标记中使用导出的图像的正确方法是什么:
选项 1:将圆形图像导出为基于图层的切片(在我关闭它们下面的任何其他图层之后)并为图像使用透明度属性。
选项 2:导出包含页面部分(例如，主体)和与该页面部分重叠的圆形图像部分的矩形用户切片。
例如，在第一种情况下，我会将所有 3 个圆形图像导出为基于图层的 .png 切片(在我关闭标题和主体层之后)，最后得到 3 个具有透明度的图像。然后我会用绝对定位放置这个图像，所以它与主体和标题重叠。
在第二种情况下，我将整个标题部分与 img1 的重叠部分切片，然后我将菜单切片，然后我将主体部分切片，包括与其重叠的图像部分，然后我会向右切另一个切片，包含图像的其余部分等等。如果你去这个 link然后单击模板缩略图，您可以使用 Firebug 检查与第二个选项类似的方法，关于页面左上角的 float 图像。
最佳答案
选项 1 是可行的方法。对于选项 2，设计更改或圆圈的重新定位需要您再次重新切片。
关于html - 网页切片，包含与其他部分重叠的圆形图像，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/28483798/