Question

我在解决如何为我的网站使用透明背景颜色时遇到了很大的问题。我可以使用背景：rgba样式属性，适用于所有浏览器，即。但是在IE中很难做到这一点。您可以使用不透明度或过滤器：alpha但这会使div中的所有内容都透明。我不希望我只想让背景颜色透明。我如何做到这一点，请帮助我一直在互联网上寻找解释，但无法找到解决方案。

Answer 1

您可以通过分层两个单独的DIV来解决这个问题，一个用于透明度，一个用于实际内容：

.container {
  position: relative;
}

.container .transparency {
  position: absolute;
  z-index: 1;
  background-color: ...;
  opacity: ...;
  /* apply same width and height as parent DIV */
}

.container .content {
  position: absolute;
  z-index: 2;
  /* apply same width and height as parent DIV */
}

Answer 2

您可以使用Photoshop将背景图像的不透明度设置为50％，然后使用它。

如果要使用Jquery或JavaScript更改不透明度，可以将背景图像更改为同一背景图像的不透明版本。

Answer 3

我建议在IE部分使用大型半透明平面彩色PNG。根据您需要在旧IE版本方面需要多长时间，您可能还需要使用一些JS来使透明PNG工作。

背景透明度crossbrowser尤其是

3 个答案: