Html 家长'；不透明度不适用于子元素

我到处找，找不到问题所在。我正在设置父元素的不透明度，但不透明度似乎没有应用于子元素

谷歌搜索这个问题只会带来“如何在不影响子元素的情况下应用不透明度”之类的结果。但在我的例子中，当我需要子元素受父元素的不透明度值影响时，子元素“不”受到影响

以下是示例代码：

<span style="opacity: 0.5">
  <div>hello</div>
</span>

你好
啊，看来我终于明白了

父元素是一个span标记，将其更改为div标记，不透明度开始按预期工作。这是镀铬的

把它放在这里，以防有人犯同样的错误
 问题是您将块元素（如
div
）放在内联元素（如
span
）内，这从一开始就是错误的

如果将内联元素（如
按钮
）放在内联元素（如
span
）内，则它可以工作


span{
不透明度：0；
}

内联元素，工作！
您能否向我们展示您的代码，或者更好的做法，创建一个？添加的示例代码，因为它在没有示例代码的情况下被标记为脱离主题，但它可能会帮助某些人花时间添加该示例代码。不过，对于离题，哈哈大笑：）太棒了！这就是这个社区的运作方式。你的问题可能会对其他人有所帮助。这同样有效，谢谢！只想添加“display:block”也起作用，我想这与上面的推理相同。
内联块
和
块
都将内联元素转换为
块
。（同样
flex
等）但是，重要的是，不要在内联元素中放入块元素。使用不同的浏览器可能会给您带来麻烦。谢谢您的提问。我在使用Vue时也有类似的问题。在某个点上，跨度不再影响子div。可能已删除包含内联块的span的某些本机类