css - 是否可以使用codeigniter创建 float 窗口？我该怎么办？

我想问你们如何在代码点火器中创建一个浮动窗口。场景是当我单击一个文本框时，它将显示一个浮动窗口，在右上角带有一个关闭按钮。我是使用代码点火器的新手。谢谢您提供的解决方案。

最佳答案

如果我是正确的，则代码点火器是一个PHP框架。通常使用javascript和CSS构建模式弹出窗口。以下代码应易于阅读。 jQuery随附的fadeIn();方法是开箱即用的-绝对定位盒子的棘手方法需要宽度和高度。这是a jsFiddle

的HTML

<div class="box">
  This is your box
  <button id="close">close</button>
</div>

<button id="open">open</button>

的CSS

.box {
  position: absolute;
  width: 400px;
  height: 200px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;

  border: 1px solid red;

  display: none;
}

jQuery的

$('#open').on('click', function() {
  $('.box').fadeIn();
  $(this).hide();

});

$('#close').on('click', function() {
  $('.box').fadeOut();
  $('#open').show();
});

关于css - 是否可以使用codeigniter创建 float 窗口？我该怎么办？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/23075360/