我正在研究如何从PSD文件开始创建一个表格CSS网页模板,并将其编码为HTML + CSS,但我遇到了一些问题。
Befor解释我的问题我告诉你我的结果(这不是最终的结果):
http://onofri.org/example/WebTemplate/
正如您所看到的,我在标题中遇到了问题,因为正文的重复背景图像(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
安德烈
答案 0 :(得分:0)
不完全确定您遇到的问题。
是什么意思?"正如你所看到的,标题中有一个问题" ??
使用我的Firefox,我没有看到明显的问题。 我无法看到你的pdf(给我一个404 Page Not Found错误)
请提供进一步说明。
但是一些普遍观察: 使用重复背景的技术不是一个好主意,包括标题,分隔符,正文的单独颜色。通过CSS3(大多数现代浏览器都支持它们),几乎可以轻松实现图像为您的网页实现的所有样式。
如果你对PS很好,你可以创建自己的渐变,否则你可以检查:http://www.colorzilla.com/gradient-editor/(还有更多可用的)。