当前位置: 首页 > 知识库问答 >
问题:

如何在CSS中使div背景色透明

咸高谊
2023-03-14

我没有使用 CSS3。所以我不能使用不透明度过滤器属性。如果不使用这些属性,如何使 div 的背景色透明?它应该是此链接中的文本框示例。此处的文本框背景色是透明的。我想做同样的事情,但不使用上面提到的属性。

共有3个答案

吕英豪
2023-03-14

透明是背景色的默认值

http://www.w3schools.com/cssref/pr_background-color.asp

裘禄
2023-03-14

不透明度为您提供半透明或透明。请参阅此处的小提琴示例。

-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";       /* IE 8 */
filter: alpha(opacity=50);  /* IE 5-7 */
-moz-opacity: 0.5;          /* Netscape */
-khtml-opacity: 0.5;        /* Safari 1.x */
opacity: 0.5;               /* Good browsers */

注意:这些不是CSS3属性

参见http://css-tricks.com/snippets/css/cross-browser-opacity/

越胤
2023-03-14

不透明度的问题是,当您通常不希望发生这种情况时,它也会影响内容。

如果你只是希望你的元素是透明的,这真的很简单:

background-color: transparent;

但是如果你想让它有颜色,你可以用:

background-color: rgba(255, 0, 0, 0.4);

或者定义一个用右< code>alpha保存的背景图像(< code > 1px by < code > 1px )。< br >(为此,请使用< code>Gimp,< code>Paint。Net或任何其他允许您这样做的图像软件。< br >只需创建一个新图像,删除背景并在其中添加半透明颜色,然后将其保存为png。)

正如René所说,最好的办法是混合使用这两种图像,如果浏览器不支持alpha,首先使用< code>rgba图像,然后使用< code>1px乘< code>1px图像作为备用图像:

background: url('img/red_transparent_background.png');
background: rgba(255, 0, 0, 0.4);

另请参阅:http://www.w3schools.com/cssref/css_colors_legal.asp。

演示 : 我的 JS 小提琴

 类似资料:
  • 问题内容: 我没有使用CSS3。所以我不能使用或属性。不使用这些属性,如何使a透明?它应该是此链接中的文本框示例。这里的文本框背景色是透明的。我想做同样的事情,但是不使用上面提到的属性。 问题答案: 不透明度使您透明或透明。在这里查看示例Fiddle。 注意:这些不是CSS3属性

  • 问题内容: 我正在使用CSS attrubutes: 不透明度:.9; 使DIV透明,但是当我在该DIV中添加另一个DIV时,它也使其透明。 我想使外部(背景)DIV仅透明。怎么样 ? 问题答案: 内部DIV无法撤消外部DIV的不透明度属性。如果要实现透明度,请使用或: 外层div: 内部div: 编辑 因为您已经添加了问题,所以我假设您还想要IE(旧版本)的有效解决方案。这应该可以工作(IE的最

  • 我有一个大表格,需要将单元格的背景更改为1到6个色带,就像矩形堆叠在一起一样(其他信息将显示在单元格内)。虽然此示例是一个表,但我猜这适用于任何 DIV。我希望能够(通过javascript即时)抓住DOM中的“细胞容器”DIV并创建子DIV以创建带状背景效果。 对于这个简单的表格,我试图采用第一个单元格(带有div“单元格容器”),并使背景具有三种不同的颜色,如浅蓝色,黄色和绿色。我尝试过添加高

  • 本文向大家介绍使用CSS设置背景色的不透明度,包括了使用CSS设置背景色的不透明度的使用技巧和注意事项,需要的朋友参考一下 要设置背景色的不透明度,请使用不透明度属性和RGBA颜色值。 示例 您可以尝试运行以下代码来实现opacity属性:

  • 我遇到了让情节本身透明的方法,但是我如何让背景透明呢?没有Qt有办法做到这一点吗?我希望情节在背景窗口上,例如,假设我正在运行Chrome,我希望情节在chrome窗口上,其内容可见。

  • 我正在将PNG转换为JPG。透明背景默认变为黑色。我需要它是白色的。