css - 将背景中的图像添加到循环中

Question

我正在尝试在水平字母列表的背景中插入图像（我的意思是每个字母都会在背景中得到小图像），它是 wordpress 代码。编码：

   <?php
    foreach ($letters as $letter) { 
$url = add_query_arg('first_letter',$letter,$pageURL);
    echo "<a href='$url' title='Starting letter $letter' >[ $letter ]&nbsp;&nbsp;</a>";
} ?>

当我尝试添加时：

  <img src="graybluetab.png" alt="" />  

它不会保持水平，也不会在背景中 - 它在不同的行中显示每个字母。我该怎么办，我试图寻找相关的 CSS 代码，但我没有找到，请帮忙。谢谢！！！

Answer 1

实际上，您可以通过将图像应用为背景图像来做到这一点，例如：

background:url(someimage.jpg);

之后，您可以根据需要重复该图像。

background-repeat:repeat-x;

或者

background-repeat:repeat-y;

如果您可以在 Fiddle 中模拟您的代码，我们可以提供更多帮助......