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
然而，这将使整个图像半透明的，所以你需要有分离的一些元素发挥。