Javascript CSS-（增加）作为CSS背景图像的数量

我想在CSS中增加每篇文章作为背景图像的数量：

这一个类似于此处的另一个Stackoverflow:
文本作为CSS的背景图像（）
那边也有一个JS提琴。该代码为：

var$divs=$（'.randbg'），
alpha='abcdefghijklmnopqrstuvxyz'；
$divs.每个（函数ea（）{
var letter=alpha[Math.floor（Math.random（）*alpha.length）].toUpperCase（）；
$（本）
.attr（“数据内容”，字母）
.html（“”）；
})

.randbg{
宽度：7px；
高度：75px；
}
randbg：之前{
内容：attr（数据内容）；
}

发生了什么
为什么不呢？

使用和伪元素

：：before

：

正文{
计数器重置：myCounter；/*初始化名为myCounter的计数器*/
}
.文章{
边框：1px纯黑；
位置：相对位置；
}
.article:：before{/*为每个.article添加一个：：before元素*/
计数器递增：myCounter；/*首先递增计数器myCounter*/
内容：counter（myCounter）；/*将此：：before元素的文本设置为counter的值*/
字号：5em；
颜色：#00ffff；
位置：绝对位置；
右：0；
底部：0；
z指数：-1；
}

洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆
洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆
洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆

我的当前代码给我这个：。JSFIDDLE到前面提到的stackoverflow：使用CSS计数器和伪元素，例如

：：before

！欢迎来到堆栈溢出！请拿着，环顾四周，通读一遍，特别是努力解决问题。如果你这样做遇到了一个特定的问题，在你的尝试中发布一个问题（包括所有相关的代码），说明什么不起作用，并解释你迄今为止的研究。@Rorymcrossan:你真的讨厌新成员，是吗？当你给人们-1时，你会大大降低他们解决问题的机会。我希望你能理解这个@Rorymcrossan。那么，这与语法无关。这是关于你是否厌倦了人们的写作，而不是按照你的哲学来写。文字如同静止的文字。或者你不知道你第一次来这里是怎样的。Stackoverflow并不是过于热心的成员，他们看到的每一个线程都给-1，这与他们自己的写作方式略有不同。记住这个。太多了@ibrahim欢迎你！请注意

z-index

这里很简陋！