0

我正在研究如何从 PSD 文件开始创建一个无表格的 CSS Web 模板并将其编码为 HTML + CSS，但我遇到了一些问题。

在解释我的问题之前，我向您展示我的结果（这不是最终结果）：

http://onofri.org/example/WebTemplate/

如您所见，我在标题中遇到了问题，因为重复的主体背景图像（bg.jpg）与#header div（bgheader.jpg）的背景图像不匹配。

奇怪的是，这个问题只出现在蓝色区域，而不是在上面的灰色阴影中；全部匹配，顶部灰色阴影的颜色匹配但蓝色区域不匹配。

关于重复的图像 bg.jpg 我注意裁剪它，使其与 bgheader.jpg 连续

我无法理解问题是什么以及如何解决它，因为在我看来，我已经严格按照教程进行操作：http: //www.html.it/articoli/da-photoshop-al-sito-xhtmlcss-7 /

事实上，本教程中的预期结果类似于：http ://www.html.it/articoli/1688/template/6-css.html

在这里，您还可以下载此模板版本的 psd 文件：http: //onofri.org/example/WebTemplate/template4.psd

有人可以帮我解决吗？

肿瘤坏死因子

安德烈亚

4

1 回答 1

0

不完全确定您面临的问题。你是什​​么意思

“如您所见，我的标题有问题”？

使用我的 Firefox，我没有看到明显的问题。我也看不到您的 pdf（给我一个 404 Page Not Found 错误）

请提供进一步的解释。

但是一些一般性的观察：使用重复背景的技术（包括标题、分隔符、正文的单独颜色）并不是一个好主意。几乎所有图像为您的网页实现的样式都可以通过 CSS3 轻松实现（大多数现代浏览器都支持它们）。

如果你擅长 PS，你无论如何都可以创建自己的渐变，否则你可以检查： http: //www.colorzilla.com/gradient-editor/（还有更多可用的）。

于 2013-07-23T07:26:06.657 回答