Javascript 使用HTML/CSS中的文本创建缩略图

我对HTML或CSS非常陌生，也许我问的问题很愚蠢。我的疑问是，是否有可能创建一个显示图片和标题的缩略图，然后当您单击它时，会出现一个带有图片和大文本的“框”（某种方式类似于Safari的阅读器功能或其他方式）。可能吗

---

正如我前面所说，我只是从HTML和CSS开始。

这确实是可能的

首先我们创建一个div，然后我们使用css来选择背景属性，并使其适合

代码如下：

<div class="img" style="
    overflow: hidden;
    height: 50px; <!-- Set the size of the div -->
    width: 50px;
    background: url(http://blog.moovweb.com/wp-content/uploads/2013/04/stackoverflow-logo.png);
    background-size: 50px 50px; <!-- Set the size of the image -->
    background-repeat: no-repeat;">
</div>

---

这确实是可能的

首先我们创建一个div，然后我们使用css来选择背景属性，并使其适合

代码如下：

<div class="img" style="
    overflow: hidden;
    height: 50px; <!-- Set the size of the div -->
    width: 50px;
    background: url(http://blog.moovweb.com/wp-content/uploads/2013/04/stackoverflow-logo.png);
    background-size: 50px 50px; <!-- Set the size of the image -->
    background-repeat: no-repeat;">
</div>

---

有史以来最大的缩略图！对不起，我要小一点！有史以来最大的缩略图！对不起，我要小一点！