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

我正在学习如何创建一个从PSD文件开始并将其编码为HTML + CSS的tabless CSS网页模板，但我遇到了一些问题。从psd文件创建主题的一些CSS问题

Befor解释我的问题，我告诉你我的结果（这还不是最终的结果）：

正如你可以看到我有一个问题到头部，因为身体的重复背景图片（bg.jpg）与#header div（bgheader.jpg）的背景图像不匹配。

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

关于重复IMMAGE 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

有人可以帮我解决吗？

TNX

安德烈

您使用哪种浏览器？ – Ron

我已经尝试使用Firefox，资源管理器和Chrome，我认为没有浏览器问题，但我做了一些错误... – AndreaNobili

为什么不移除标题部分的背景图片？然后用徽标，只需将徽标切成透明背景（我没有看过PSD，所以不确定是否可能）。所以你不需要尝试将标志的背景与身体的背景对齐？ – michaellee

不能完全确定你所面对的问题。你是什么意思

“正如你可以看到我有一个问题到头”？

与我的Firefox我没有看到一个明显的问题。我看不到你的pdf as-well（给我一个404 Page Not Found错误）

请提供进一步的解释。

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

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

2013-07-23 07:26:06 Anubhab

回答