從psd文件創建主題的一些CSS問題

Question

我正在學習如何創建一個從PSD文件開始並將其編碼爲HTML + CSS的tabless 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

安德烈

Answer 1

不能完全確定你所面對的問題。你是什​​麼意思

「正如你可以看到我有一個問題到頭」？

與我的Firefox我沒有看到一個明顯的問題。 我看不到你的pdf as-well（給我一個404 Page Not Found錯誤）

請提供進一步的解釋。

但是一些一般的觀察： 它不是一個好主意，使用重複背景技術，包括標題，分隔符，正文的不同顏色。幾乎所有的圖片爲您的網頁獲得的樣式都可以通過CSS3輕鬆實現（大多數現代瀏覽器都支持它們）。

如果你對PS很好，你可以創建你自己的漸變，否則你可以檢查：http://www.colorzilla.com/gradient-editor/（還有更多可用）。