html - 设置元素的不透明度样式而不设置子元素样式

标签 html css

我有一个<div>我设计的标签 opacity: 0.5; 。其中<div>标签我有一个 <iframe>我不想有 50% 的不透明度。我想知道是否有任何方法可以设计 <div> 的样式元素并排除 <iframe> <div> 内的元素元素。

最佳答案

不透明度不是继承的,而是因为父级具有适用于其中所有内容的不透明度。 您不能使子元素的透明度低于父元素。所以:

  • 为子元素设置不透明度iframe 除外。
  • 如果您的父级中有一些透明背景,请使用 rgba 或透明 png

关于html - 设置元素的不透明度样式而不设置子元素样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25589083/

相关文章:

php - 使用 PHP - 如何在重定向中组合 anchor 标记和 GET 变量

html - 如何使用 CSS3 调整表格行的大小

javascript - 使用javascript只用html标签包装选定的文本

python - 使用 Beautiful Soup 和 Python 从搜索页面提取 HTML 内容

javascript - 在 $(window).resize 上分隔 div

javascript - Safari 上的 jQuery css 背景图像在重新访问时再次下载图像

Javascript 表单验证返回 false,但表单仍然提交

CSS:换行符不适用于太长的行

javascript - 从 CSS 函数调用 JavaScript

jquery - slider 内容被推出容器