2012-02-07 111 views
0

我知道製作漸變圖像的最佳方式是將其寬度設置爲1並讓其重複,但我對於高度應該是什麼感到困惑?CSS漸變圖像大小?

如果觀衆是在一個巨大的顯示器或電視屏幕或什麼的情況下它應該是非常大的?有沒有辦法讓它像1x10一樣,看起來很正常?

另外,做圓角和類似的東西,而不使用CSS3 ...使用圖像 - 這是可能的流體佈局?

繼承人我說的是漸變的東西。 thisTeamliquid.net上使用的背景漸變。它的高度只有33px,但是你不能說它在y軸上的重複...?

+0

無論如何,這裏的「真正的大」意味着256像素。事實上的色彩標準是每個通道256個值,所以如果您製作的像素高於256像素的梯度圖像,一些像素將被複制。 256就足夠了,你無法獲得更精細的粒度。 – 2012-02-07 20:55:10

回答

0

漸變的高度爲33px,因爲導航欄的高度爲33px。 當你有一個垂直漸變時,這意味着你需要水平重複它,這意味着你需要1px的寬度和你想要的漸變高度的高度。

+0

WOW。我很愚蠢。我認爲流體佈局也調整了高度。哎呀 – Depetrify 2012-02-07 20:00:44

0

我只是推薦使用CSS3來達到這個效果。有一些偉大的發電機。我做一些網頁設計,我使用的是CSS漸變。另外,如果您使用映像,那麼服務器必須處理另一個http請求。

http://www.colorzilla.com/gradient-editor/

編輯: 這裏就是我的圓角做的一樣好。

http://www.cssportal.com/css3-rounded-corner/

它們爲流體佈局工作的偉大。

+1

這就是圖像文件很小的原因。當再向服務器發送一個小圖片的請求會影響你的表現時,你在另一個地方就會遇到更大的問題。 CSS3漸變非常酷,我喜歡它們。唯一的問題是跨瀏覽器的實現 – 2012-02-07 20:00:49

+0

這是事實,它確實有助於瞭解你的目標受衆。大多數現代瀏覽器都支持它,對於那些不支持它們的用戶,它們只會獲得純色。我不相信這是一個不好的交易。很高興聽到其他民族對這個​​問題的意見。 – EGHDK 2012-02-07 20:07:57

+0

沒有折衷不大,我個人使用css3與舊版瀏覽器的回退技術非常廣泛。但是當我看問題作者的經驗水平時,我最好儘可能簡單地保留可能的解決方案。 – 2012-02-07 20:12:24