小开

那么 cssopacity属性呢? 从 0到 1值。

但是你可能需要使用一个比“ font”更明确的 dom 元素，例如:

<html><body><span style=\"opacity: 0.5;\"><font color=\"black\" face=\"arial\" size=\"4\">THIS IS MY TEXT</font></span></body></html>

作为附加信息，我当然会建议您在 html 元素之外使用 CSS 声明，但是也可以尝试使用 font CSS 样式而不是 font html 标记。

对于跨浏览器的 css3样式生成器，看看 http://css3please.com/

小开

选中不透明，您可以将这个 css 属性设置为 div、 <p>或者使用您希望透明的 <span>

顺便说一下，字体标签是不赞成，使用 css 来设计文本的样式

div {
opacity: 0.5;
}

编辑: 这段代码将使整个元素透明，如果你想使文本透明，请检查@Mattias Buelens 答案

小开

最好的解决方案是查看元素的“不透明”标记。

例如:

.image
{
opacity:0.4;
filter:alpha(opacity=40); /* For IE8 and earlier */
}

所以在你的情况下，它应该是这样的:

<html><span style="opacity: 0.5;"><font color=\"black\" face=\"arial\" size=\"4\">THIS IS MY TEXT</font></html>

但是不要忘记 HTML5不支持标记。

你也应该使用 CSS:)

小开

最佳答案

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 了。

小开

放轻松，听你的:

<font color=\"black\" face=\"arial\" size=\"4\">

再加上这个:

<font style="opacity:.6">

你只需要为1到0之间的十进制数改变“ .6”即可

小开

只要使用 rgba标记作为文本颜色即可。您可以使用 opacity，但是这会影响整个元素，而不仅仅是文本。假设你有一个边框，这也会使它变得透明。

.text
{
font-family: Garamond, serif;
font-size: 12px;
color: rgba(0, 0, 0, 0.5);
}

小开

没有像背景不透明这样的 CSS属性，你只能用它来改变元素背景的不透明度或透明度而不影响子元素。另一方面，如果你尝试使用 CSS 不透明属性，它不仅会改变背景的不透明度，还会改变所有子元素的不透明度。在这种情况下，可以使用 CSS3中引入的 RGBA 颜色，其中包括 alpha 透明度作为颜色值的一部分。使用 RGBA 颜色，您可以设置的背景颜色，以及其透明度。

小开

试着玩玩 mix-blend-mode: multiply;

color: white;
background: black;
mix-blend-mode: multiply;

MDN

教程

小开

如果你对一个元素使用 opacity，整个元素效果(背景 + 其他东西) ，你可以使用 mix-blend-mode对特定元素的 CSS 属性,

参考以下网址:

Https://css-tricks.com/almanac/properties/m/mix-blend-mode/

Https://css-tricks.com/basics-css-blend-modes/

小开

相对颜色语法

这个新的 CSS 功能(Css-color-5)允许颜色格式转换，它也允许在任何格式的任何颜色添加不透明度，例如，到 RGB(相对转换可以做到任何其他格式) :

html { --color: blue } /* assume some sort of a base color variable */
.foo { color: rgb(from var(--color) r g b / 50%) } /* convert the color variable to RGB+A */

(编写时，尚未在浏览器中可用。到达后将更新)

如何改变 HTML/CSS 中的文本透明度？

相对颜色语法