zoukankan      html  css  js  c++  java
  • 如何修改bootstrap模态框的backdrop蒙版区域的颜色?

    参考地址:

    http://www.cnblogs.com/9miao/p/4988196.html

    蒙板样式实现:

    大家或许注意到了,在做模态弹出窗时,底部常常会有一个透明的黑色蒙层效果:在Bootstrap框架中为模态弹出窗也添加了一个这样的蒙层样式“modal-backdrop”,只不过他默认情况下是全屏黑色的: (## 注意这里是: .modal-backdrop, 而不是 .backdrop类!)
    /*bootstrap.css文件第5424行~第5432行*/
     .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040;
    background-color: #000; // 修改这里的颜色! backdrop蒙版区域本来的颜色是黑色的, 由于使用了透明度0.5, 所以就成了那种效果的了!
     }
    同样,给其添加了一个过渡动画,从fade到in,把opacity值从0变成了0.5。上图展示的就是in状态下的效果:
    /*bootstrap.css文件第5433行~第5440行*/
     .modal-backdrop.fade { filter: alpha(opacity=0); opacity: 0; }
     .modal-backdrop.in { filter: alpha(opacity=50); opacity: .5; }
  • 相关阅读:
    线程原理 创建方式
    Chapter17 【异常、线程】
    驱动
    java中Super到底是什么意思
    Java 8后的首个长期支持版本Java 11
    OpenJDK和JDK区别
    异常
    模拟斗地主洗牌发牌
    Debug追踪
    Python 垃圾回收机制详细
  • 原文地址:https://www.cnblogs.com/bkylee/p/6494564.html
Copyright © 2011-2022 走看看