[css] 当使用opacity时会使得元素的子元素也透明,此时不想要子元素也跟着透明怎么办?

当父元素使用opacity时,子元素也会继承该透明度,即使重新设置透明度也不行。楼上的两种方法要么是放弃使用opacity,要么是放弃使用父子关系。但这都不符合和题意。按照题意,既要使用opacity又要父子关系,暂时无解。

个人简介

我是歌谣,欢迎和大家一起交流前后端知识。放弃很容易,
但坚持一定很酷。欢迎大家一起讨论

主目录

与歌谣一起通关前端面试题

[css] 当使用opacity时会使得元素的子元素也透明,此时不想要子元素也跟着透明怎么办?相关推荐

  1. [css] rgba()和opacity这两个的透明效果有什么区别呢?

    [css] rgba()和opacity这两个的透明效果有什么区别呢? 1.opacity 是属性,rgba()是函数,计算之后是个属性值: 2.opacity 作用于元素和元素的内容,内容会继承元素 ...

  2. [css] 分析比较opacity: 0、visibility: hidden、display: none三者的优劣和适用场景

    [css] 分析比较opacity: 0.visibility: hidden.display: none三者的优劣和适用场景 opacity 0: 单纯视觉效果,除了看不见,其他都正常. visib ...

  3. CSS cursor 和 opacity 属性

    cursor :一些不同的光标,当设置该属性之后,鼠标指上去会随着属性而改变. 举例: <span style="cursor:crosshair">十字线</s ...

  4. html 原生弹出框,html、css和js原生写一个模态弹出框,顺便解决父元素半透明子元素不透明效果...

    模态框: html部分: 弹出框 hhhhh 取消 确认 css部分: #box{ width: 80px; height: 40px; background: #fd7430; border:non ...

  5. html、css和js原生写一个模态弹出框,顺便解决父元素半透明子元素不透明效果...

    模态框: html部分: <!-- 按钮 --><button id="box" onclick="pop_box()">弹出框< ...

  6. [css] css中padding和margin是相对于父元素还是子元素呢?

    [css] css中padding和margin是相对于父元素还是子元素呢? padding就是往自己身体里塞东西(盒子里面),margin就是穿衣服(盒子外面). ==>padding相对于子 ...

  7. [css] clear属性只对块级元素有效么?为何无法应用于行内元素?

    [css] clear属性只对块级元素有效么?为何无法应用于行内元素? block元素浮动之后已经脱离了文档流了,排列的顺序都不一样了,所以清除了之后有效果. inline-block还是在文档流里面 ...

  8. [css] 父元素下有子元素,子元素也有高度但父元素的高度为何为0呢?分析下可能出现的原因及解决方法

    [css] 父元素下有子元素,子元素也有高度但父元素的高度为何为0呢?分析下可能出现的原因及解决方法 父元素塌陷父元素在文档流中高度默认是被子元素撑开的,当子元素脱离文档流以后,将无法撑起父元素的高度 ...

  9. php背景图片透明度,css如何使用opacity属性给背景图片加透明度(代码)

    本篇文章给大家带来的内容是关于css如何使用opacity属性给背景图片加透明度(代码),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. CSS 中无法直接给背景图片加 opacity ...

最新文章

  1. windows卸载程序提示“请等待当前程序完成卸载或更改“问题解决方法,windows卸载卡进程问题解决方法
  2. xcode:关于Other Linker Flags
  3. SAP WebIDE 里 UI5 应用的隐藏文件 project.json
  4. Sql server 备份还原后出现“受限制用户”问题
  5. 老古语道:十九年头七年寡,鼠年难逢双春年,有何说法?
  6. IDL中的HRESULT值
  7. Win10 代码行数统计工具CLOC的安装和使用
  8. 【2018亚太数据中心峰会】黄超:从供到需-中国IDC产业发展的环境分析
  9. 一张图了解致远A6人事管理
  10. java vo层_JAVA3个数据层(pojo,dto,vo)、dao层、services层、controller层解释
  11. 牛客java选择题每日打卡Day12
  12. Cadence软件盗版
  13. 简洁大气留白风格源码资源站 emlog模板
  14. spirng中bean对象的作用范围
  15. kali 上下载GitHub文件失败
  16. linux禁止root用户su,Linux 禁止普通用户su到root
  17. 关于H5的20道面试题及答案
  18. 机房租赁,如何鱼和熊掌兼得?
  19. Learn day2 运算/循环/字符串操作
  20. 题目3 求n阶方阵的和(ok)

热门文章

  1. 打破双亲委派么,怎么打破_质量保证被打破。 这就是我们如何使其像其他所有东西一样敏捷。...
  2. pymc3 贝叶斯线性回归_使用PyMC3估计的贝叶斯推理能力
  3. 快速学习一个新的模块
  4. mysql常用操作记录
  5. selenium选错弹出层的下拉框
  6. oracle中日期处理方法 汇总
  7. linux complete函数,Linux驱动中completion接口浅析(wait_for_complete例子,很好)
  8. c++如何打开hdf5文件_如何打开CSV格式文件才能正常使用?
  9. html ie乱码_Java 0基础入门(初识Html)
  10. php mysql备份还原类_PHP实现MYSQL备份还原