CSS背景屬性中「transparent」的含義是什麼？

Question

這個班講什麼？什麼是透明背景在這裏做？

background: url("../images/abc.jpg") repeat-x scroll 0 0 transparent; 

瀏覽器會將jpg圖像轉換爲透明嗎？但是，不僅png是透明的嗎？

Answer 1

背景是CSS中的一個捷徑，可用於一次設置多個背景屬性。形式相同的代碼：

background-image: url("../images/abc.jpg"); 
background-repeat: repeat-x; 
background-attachment: scroll; 
background-position: 0 0; 
background-color: transparent; 

背景圖像未設置爲透明 - 背景顏色爲。這意味着如果背景圖像沒有加載或佔用全部元素，則會使用透明背景色。

Answer 2

透明只是表示背景顏色是透明的。 不是圖像本身。 如果你想圖像的透明度。你可以使用opacity（ie不支持）或者png和gifs。

Answer 3

jpg圖像如何透明？

它不能，至少不是直接。您可以通過爲（整個）元素設置opacity來在網頁中實現該功能。

這個班級說什麼？

這是一個規則，而不是一個類。 CSS沒有任何稱爲「一類」的東西（儘管它與「類選擇器」很接近）。

什麼是透明在這裏做背景？

當background速記屬性膨脹，transparent是background-color的值（即，將被用於背景的圖像加載之前（並且如果圖像加載失敗）的顏色。由於它也說repeat-x ，如果元素高於圖像，圖像未覆蓋的區域將顯示背景顏色

Answer 4

它不是透明的圖像。這意味着元素在圖像背後沒有背景色。這意味着：

background: #333 url('image.jpg') no-repeat; 

會給你一個灰色的背景元素，它超出了圖像的大小。 谷歌「的CSS背景」

如果您確實需要透明度，不透明度使用元素http://www.w3schools.com/Css/css_image_transparency.asp
然而，這將使整個圖像半透明的，所以你需要有分離的一些元素髮揮。