如何在CSS缩略图库中获取开始图片

Question

我找到了一个Stack问题，有一个很好的图库解决方案。我也用代码制作了自己的代码。结构工作非常好，我使它完全动态，但我有一个小问题。

以下是来自@ Seika85的图库解决方案：

Link from the original

问题： 我无法在dl

中将起始文本替换为IMG1

我想将“悬停缩略图”替换为图库中的第一张完整尺寸图片。当你打开页面时，dl是空的，只有当你翻过或点击缩略图时才首先加载。

示例：

我想像这样加载它

当我打开页面时，

而不是那个。

在获得第一张图片之前的文字竞技场代码：

dl.container:before {
content: "Hover a thumbnail";
position: absolute;
font: 48px Tahoma;
display: block;
top: 150px;
color: #d8d8d8;
text-shadow: 1px 1px 3px #666;
width: 100%;
text-align: center;}

我希望我能找到一个解决方案让它发挥作用，谢谢。

Answer 1

只需添加：

','

默认情况下使第一个“活动/可见”。

look at what gcc and clang do