Question

这堂课说什么？在后台做什么是透明的？

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

浏览器会将jpg图像转换为透明吗？但是pngs不仅透明吗？

Answer 1

background是CSS中的一个快捷方式，可用于一次设置多个背景属性。这是相同代码的长形式：

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

背景图片未设置为透明 - 背景颜色为。这意味着如果背景图像没有加载或占用整个元素，将使用透明背景颜色。

Answer 2

jpg图像如何透明？

它不能，至少不能直接。您可以通过为（整个）元素设置opacity来在网页中实现这一点。

这堂课说什么？

这是一个规则，而不是一个阶级。 CSS没有任何称为“类”的东西（虽然它接近“类选择器”）。

在后台透明做什么？

展开background速记属性时，transparent是background-color的值（即图像加载前将用于背景的颜色（如果图像失败）加载）。因为它也说repeat-x，如果元素高于图像，图像未覆盖的区域将显示背景颜色。

Answer 3

这不是透明的图像。这意味着元素在图像后面没有背景颜色。意思是：

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

会为您提供一个灰色背景的元素，它超出了图像大小。谷歌“css背景”

如果确实需要透明度，请在元素http://www.w3schools.com/Css/css_image_transparency.asp上使用不透明度然而，这将使整个图像半透明，所以你需要玩分离一些元素。

Answer 4

透明只意味着背景颜色是透明的。不是图像本身。如果你想要图像的透明度。你可以使用不透明度（ie不支持）或pngs和gifs。

CSS背景属性中`transparent`的含义是什么？

4 个答案: