html背景圖像和顏色

嗨，我正在瀏覽一個網站，他們使用了一個非常獨特的（根據我）背景。他們將一種顏色與圖像混合在一起，並將其用作背景。圖像就像是 Which is light in color html背景圖像和顏色

然後將它們混合一些黃顏色的它&它變成這個樣子 enter image description here

當我通過代碼去他們使用像這樣

background: #f6b93c url(bg1.png);

，但它確實不適合我！請幫我一下嗎？

來源

2013-08-27 Ethen

如果你有這個請在jsfiddle中分享你的代碼 – falguni

@Fags你看過他的問題嗎？ –

http://jsfiddle.net/yA8Yf/ – Ethen

這不過是一個短手語法

background: #f6b93c url(bg1.png);

所以上面的代碼只是意味着

background-color: #f6b93c; 
background-image: url(bg1.png);

有關background短手語法

Demo

來源

2013-08-27 11:21:57

它不*相當*意味着。其他值將恢復爲默認值。 *給定一個有效的聲明，對於每一層，速記首先設置'background-image'，'background-position'，'background-size'，'background-repeat'，'background-origin'，' background-clip'和'background-attachment'，然後在聲明中爲該圖層指定任何顯式值。最後'background-color'被設置爲指定的顏色（如果有的話），否則設置爲其初始值。* - http：//www.w3。org/TR/css3-background /＃這個背景 – Quentin

@Quentin是的，但它是一個很簡單的方式來將顏色和圖像一起聲明爲:)很多人對這個語法有錯誤的印象，他們把它作爲多個背景 –

這是網址http://tympanus.net/Development/StackSlider/ – Ethen

一個更多信息PNG圖像與透明度和bg顏色將做的技巧，

否則，如果它是一個JPEG，顏色將填充其餘的部分（例如：在一個div中），圖像將不會覆蓋。

什麼與此background: #f6b93c url(bg1.png); 發生填補彩#f6b93c然後在那個地方的圖像的頂部，所以這是一個％0％（對於如。）透明圖像，這將結束雙方

的混合機

來源

2013-08-27 11:24:08

沒有Sobin.http：//tympanus.net/Development/StackSlider/ – Ethen

好吧，那是因爲它是一個帶有透明度的png圖像，所以因爲我們設置了一個bg顏色，它顯示了兩個混音器.. –

我明白了，但爲什麼它沒有發生在我的最後。請檢查出這個小提琴和建議任何變化http://jsfiddle.net/yA8Yf/ – Ethen

使用最新的CSS3技術，可以創建紋理背景。看看這個：http://lea.verou.me/css3patterns/#

但它仍然限制了很多方面。而瀏覽器的支持也沒那麼好。

你最好的選擇是使用小紋理圖像，並重復該背景。你可以得到一些不錯的準備在這裏使用的紋理圖像：

http://subtlepatterns.com

來源

2013-08-27 11:33:12

圖像bg1.png似乎並不在的BaseURL。你應該嘗試相對的網址。例如。如果您在「圖片」文件夾中有圖片，則應該使用「images/bg1.png」。

來源

2013-08-27 11:57:11

html背景圖像和顏色

回答

相關問題