html - 从 psd 文件创建主题的一些 CSS 问题

Question

我正在研究如何从 PSD 文件开始创建无表格 CSS 网页模板并将其编码为 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

有人可以帮我解决吗？

谢谢

安德里亚

Answer 1

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

"As you can see I have a problem into the header"??

在我的 Firefox 中，我没有发现明显的问题。 我也看不到你的 pdf(给我一个 404 Page Not Found 错误)

请提供进一步的解释。

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

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