div透明的一部分？

Question

是否可以使div的一部分透明,就像div中的空间量一样.

例如,从div顶部选择100px,顶部100px是否设置了不透明度？

我该怎么办？

Answer 1

你可以做几件事:

1. 尝试背景图像,其中一半是透明的而另一半不是透明的.

2. 使用CSS渐变,使得一半是透明的而另一半不是透明的.例如:

   background: -moz-linear-gradient(top, rgba(30,87,153,0) 0%, rgba(41,137,216,0) 50%, rgba(34,125,203,1) 52%, rgba(125,185,232,1) 100%); /* FF3.6+ */
   

3. 使用多个div,其中一个具有透明BG而另一个不具有透明BG.例如:

   <div>
      <div id="transparent" style="background: transparent"></div>
      <div id="not-transparent" style="background: #000"></div>
   </div>
   

我确信还有其他方法,但这些是我想到的前三个方法.

祝好运.