zoukankan      html  css  js  c++  java
  • DIV 弹出层 层的边框是半透明的

    <style>
    *{margin:0; padding:0; border:0;}
    body{ background:#999; }
    .wrap{ height:200px; 200px; top:50%; left:50%; margin:-100px 0 0 -100px; position:absolute; background:none;}
    .ground{ background:#EEE; height:100%; 100%; opacity:.6; filter:alpha(opacity=60); -moz-opacity:.6; -moz-border-radius: 5px;
    }
    .content{ text-align:center; height:180px; 180px; top:10px; left:10px; position:absolute; background:#fff; -moz-border-radius: 1px; }
    .line{ 100%; background:#f00; height:4px; top:50%; position:absolute;  font-size:0px;}
    </style>
    <div class="line" ></div>
    <div class="wrap">
      <div class="ground"></div>
      <div class="content">FF下看有漂亮的圆角</div>
    </div><style>
    *{margin:0; padding:0; border:0;}
    body{ background:#999; }
    .wrap{ height:200px; 200px; top:50%; left:50%; margin:-100px 0 0 -100px; position:absolute; background:none;}
    .ground{ background:#EEE; height:100%; 100%; opacity:.6; filter:alpha(opacity=60); -moz-opacity:.6; -moz-border-radius: 5px;
    }
    .content{ text-align:center; height:180px; 180px; top:10px; left:10px; position:absolute; background:#fff; -moz-border-radius: 1px; }
    .line{ 100%; background:#f00; height:4px; top:50%; position:absolute;  font-size:0px;}
    </style>
    <div class="line" ></div>
    <div class="wrap">
      <div class="ground"></div>
      <div class="content">FF下看有漂亮的圆角</div>
    </div>

  • 相关阅读:
    在线压缩与解压
    批处理删除文件del dos cmd
    git教程
    网页图标下载
    vs2010使用git
    配置 authorization deny allow
    mvc4下载
    nuget自动发布脚本
    OAuth2.0
    使用 HttpModel与现有基于共享登录信息( Cookie )的网站进行集成
  • 原文地址:https://www.cnblogs.com/ningmengcao/p/3280282.html
Copyright © 2011-2022 走看看