当前位置: 首页 > 面试题库 >

如何更改HTML / CSS中的文本透明度?

班承恩
2023-03-14
问题内容

我是HTML / CSS的新手,我试图将某些文本显示为50%透明。到目前为止,我已经有了HTML来显示完全不透明的文本

<html><font color=\"black\" face=\"arial\" size=\"4\">THIS IS MY TEXT</font></html>

但是,我不确定如何更改其不透明度。我尝试过在线查找,但是我不确定该如何处理找到的代码。


问题答案:

opacity适用于整个元素,因此,如果对该元素具有背景,边框或其他效果,这些效果也将变为透明。如果 希望文本透明,请使用rgba

#foo {
    color: #000; /* Fallback for older browsers */
    color: rgba(0, 0, 0, 0.5);

    font-size: 16pt;
    font-family: Arial, sans-serif;
}

另外,转向远,远离<font>。我们现在有CSS。



 类似资料:
  • 问题内容: 所以我有一个问题。我环顾四周,环顾四周,但没有运气。我想使我的身体背景透明,但使文本不透明。现在,我保持相同的不透明度。这是我的代码: 问题答案: 不要为此使用,而是将背景设置为RGBA值,以仅使背景半透明。在您的情况下将是这样。

  • 问题内容: 我有一个位图: 但我不会将图像显示给用户。我希望Alpha为100(总共255)。如果这不可能,我可以设置透明度吗? 问题答案: 您也可以尝试使用BitmapDrawable代替。如果这对您有用,则取决于您使用位图的方式… 编辑 正如评论者所问的那样,他如何使用alpha存储位图,下面是一些代码:

  • html标记被忽略。我想为html标记(如table,br)进行漂亮的打印。 你用什么简单的方法来做这件事?

  • 当我点击图库中的不同图片时,如何让图片和图片下的文本互换? 我想有4个缩略图图像交换到一个放大的图像时,点击,每显示一个不同的描述下的放大的每一个图像。我已经设法使图像交换,但我不知道从哪里开始与文本部分。 我也希望有标题/链接旁边的每一个图像,可以点击改变图像和文本下的图像。 代码在下面和这个JSfiddle链接中:https://jsfidle.net/hzjk077t/ HTML CSS J

  • 前面在学习《 CSS颜色》时我们已经了解,通过 rgba()、hsla() 可以设置颜色的透明度,但是它们只能在定义颜色的同时设置透明度,无法对图像或者其它元素设置透明度。 CSS 中提供了一个 opacity 属性用来设置元素的透明度,它不仅对颜色有效,对图像或者页面中其它的元素也有效。其语法格式如下: opacity: number; 其中 number 为一个 0~1 之间的浮点数(小数),

  • #klem1,#klem2 { opacity:0.4; filter:alpha(opacity=40); /* For IE8 and earlier */ } #klem1:hover,#klem2:hover { opacity:1.0; filter:alpha(opacity=100); /* For IE8 and earlier */ } div.background { widt