CSS中带页脚的透明度

我试图使我的页脚透明，我已经成功地做到了这一点，但为什么我的页脚内容也变为相同的透明度

CSS-

---

然后，我的内容是在顶部的单独类。如何使内容位于顶部，并且只有页脚背景/页脚包装是有色的？

您最好使用透明背景，例如

.footer {
  opacity: 1; // Leave this as 1
  background-color: rgba(0,0,0,0.6); // This is in the form rgba(R,G,B,a) where a is your opacity
  // The rest of your CSS
}

此外，为了维护IE支持，您必须在

标签中添加类似的内容

<!--[if IE]>

 <style type="text/css">
   .footer { 
     background:transparent;
     filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#3C000000,endColorstr=#3C000000); 
     zoom: 1;
   } 
 </style>

<![endif]-->

其中，

#3C000000

的格式为aRGB，不透明度为十六进制（即，

3C

为60%）。有关更多详细信息，请参阅

---

Fred.

页脚的内容是页脚的一部分。。。您正在搜索透明度，无论是

rgba（）

还是像PNG-24这样具有透明度的图像格式（所谓的PNG-32，但实际上是带有透明度通道的PNG-24），它只是十进制到十六进制的转换。只需谷歌（你的十六进制数字），它就会显示0x###，其中##就是你想要的。我不明白你的意思，我已经在上面添加了微软的东西，但是我如何计算StartColor的数字呢？我可以看到最后6个是十六进制代码，但我如何计算出每个阴影的前两个？startColorstr的前两个数字以十六进制格式表示不透明度。对于标准的

不透明度：##%

的

##

为十进制格式。因此，要将数字从十进制转换为十六进制，必须使用转换器。因此，为了将90%转换为十六进制，我在Google中输入了：“90 in hexadecimal”，它给出了

0x5A

。

0x

通知我以下数字是十六进制格式的，

5A

是我放在

startColorstr

值开头的数字。（

startColor=#5A…

）

<!--[if IE]>

 <style type="text/css">
   .footer { 
     background:transparent;
     filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#3C000000,endColorstr=#3C000000); 
     zoom: 1;
   } 
 </style>

<![endif]-->