在页面内创建一个小对话框

Question

我要做的是，不是创建一个弹出页面，而是要创建一个对话框，其中包含单击图像时显示的信息。

Answer 1

基本上这只是一个模态窗口。你可以找到用于获取模态窗口的库，你可以使用Bootstrap 3.

这里有一个仅针对上述类似效果的CSS解决方案： 这是完全响应并使用转换，因此将工作IE9及以上。 这里是垃圾箱：
http://jsbin.com/caqacokuqa

Answer 2

@sooner你可以使用Bootstrap模态，你可以用两种方式调用那个弹出窗口

这是模态弹出内容

<div class="modal" tabindex="-1" id="myModal" role="dialog" aria-labelledby="" aria-hidden="true">
 ... pop up content
</div>

1）$('#myModal').modal();（jquery call）

2）<button type="button" data-toggle="modal" data-target="#myModal">Launch modal</button>

demo and documentation