Html 如何对文本溢出应用不透明度：省略号

下面的提琴可以正确地淡出文本，但省略号仍然是不透明的

---

从

文本溢出：省略号添加的
..
的显示属性似乎继承自定义它的元素。只需将定义移动到半透明元素

溢出：隐藏；
宽度：100%；
文本溢出：省略号；
显示：内联块；


#正确{宽度：50px；}
#正确的span{
不透明度：.25；
溢出：隐藏；
空白：nowrap；
文本溢出：省略号；
宽度：100%；
显示：内联块；}
是的，这是因为字符串是作为其包含块的最后一个内联子元素添加的。在错误的示例中，它显示在div中，作为跨度的以下同级，因此跨度上的不透明度不适用于它。
<div id="incorrect">
    <span>Incorrect</span>
</div>