zoukankan      html  css  js  c++  java
  • opacity属性的继承问题

    在给父元素设置了opacity属性之后,想重新给子元素设置不同值的opacity,结果不生效

    解决方法一:

    对于父元素只是在背景颜色上设置的透明度,可以用

    background: rgba(0,0,0,.7)

    代替

    opacity: 0.5;

    解决方法二:

    父元素是在图片背景上设置的透明度

    可以将背景图片和内容利用定位设置在同一位置不同层级,再分别设置透明度,即不让目标元素成为父子关系

    父元素 {
      position: absolute;
      background: url("");
      opacity: 0.5;
      z-index: 1
    }
    子元素 {
      
    position: relative;
      opacity: 1;
      z-index: 2;

    }
    
    
  • 相关阅读:
    为公司转型做的一些准备——数据库设计技术
    jdbc多种实现方式
    JNuit
    JDBC初体验
    jsp原理
    jsp登陆
    jsp homework(*)
    集合(5)
    集合(4)
    集合(3)
  • 原文地址:https://www.cnblogs.com/lilililiwang/p/14886372.html
Copyright © 2011-2022 走看看