html+透明度怎么改,如何更改HTML / CSS文本透明度?如何更改HTML / CSS文本透明度?(How to ch...

我很新的HTML / CSS和我想显示一些文本像50%的透明。 到目前为止,我有HTML,以显示与完全不透明的文本

THIS IS MY TEXT

但是,我不知道如何改变其不透明度。 我试着在网上找,但我不完全知道该怎么跟我找到的代码做。

Answer 1:

检查不透明度 ,您可以在此CSS属性设置到div中,

或使用你想透明

顺便说一句,字体标签被弃用 ,使用CSS样式文本

div {

opacity: 0.5;

}

编辑:此代码将使整个元素透明,如果你想**只是文本**透明检查@Mattias Buelens答案

Answer 2:

opacity适用于整个元素,所以如果你有一个背景,边框或者该元素的其他影响,这些也将成为透明。 如果你只是想文本是透明的,使用rgba 。

#foo {

color: #000; /* Fallback for older browsers */

color: rgba(0, 0, 0, 0.5);

font-size: 16pt;

font-family: Arial, sans-serif;

}

此外,操纵远,远离 现在我们已经CSS的那个。

Answer 3:

只需使用rgba标记为您的文本颜色。 你可以使用opacity ,但这样会影响整个元素,而不仅仅是文字。 假设你有一个边界,它将使该透明为好。

.text

{

font-family: Garamond, serif;

font-size: 12px;

color: rgba(0, 0, 0, 0.5);

}

Answer 4:

你最好的办法是看元素的“不透明性”标签。

例如:

.image

{

opacity:0.4;

filter:alpha(opacity=40); /* For IE8 and earlier */

}

因此,在你的情况下,它应该是这个样子:

THIS IS MY TEXT

但是不要忘了标签不支持HTML5。

您应该使用CSS太:)

Answer 5:

简单! 您之后:

添加此一个:

你只需要改变1和0之间的十进制数。” 6"

Answer 6:

怎么样的CSS opacity属性? 0到1的值。

但是,那么你可能需要使用一个更明确的DOM元素比“字体”。 例如:

THIS IS MY TEXT

作为一个额外的信息,我当然会建议你使用CSS声明你的HTML元素之外,但也尝试使用,而不是字体的HTML标记的字体css样式。

对于跨浏览器CSS3样式发生器,看看http://css3please.com/

Answer 7:

没有CSS属性类似的背景,不透明度,你只能使用更改元素的背景的不透明度或透明度不影响子元素,在另一方面,如果你会尝试使用CSS opacity属性它不仅会改变背景但不透明度改变了所有的子元素的不透明度为好。 在这种情况下,你可以使用CSS3,包括alpha透明度作为颜色值的部分介绍了RGBA颜色。 使用RGBA颜色,您可以设置背景颜色和透明度。

Answer 8:

试图玩弄mix-blend-mode: multiply;

color: white;

background: black;

mix-blend-mode: multiply;

MDN

教程

文章来源: How to change text transparency in HTML/CSS?

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值