popup-layer.html

<!doctype html>
<html>
<head>
  <meta charset="UTF-8">
  <meta name="renderer" content="webkit"/>
  <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"/>
  <link rel="stylesheet" type="text/css" href="styles/popup.css">
  <link rel="stylesheet" type="text/css" href="styles/btn.css">
  <title>弹出层</title>
</head>
<body>

<!-- 弹出层 -->
<div class="t-popup t-popup-layer">
  <div class="t-popup-overlay">
    <!-- 半透明覆盖层，如不需要可样式隐藏其显示，或删除该DOM节点 -->
  </div>
  <div class="t-popup-container">
    <div class="t-popup-title">
      <h3>标题</h3>
      <a href="" title="关闭">×</a>
    </div>
    <div class="t-popup-content">
      <!-- 这里是弹出层内容 -->
      内容
    </div>
    <div class="t-popup-bottom">
      <a href="#nogo" class="t-btn t-btn-blue">确定</a>
      <a href="#nogo" class="t-btn">取消</a>
    </div>
  </div> 
</div>

</body>
</html>