Image 使用图像Alpha阵列悬停

我需要一排链接，每个链接都在一个平行四边形的盒子里。 顺便说一下，我用的是div。 我需要每个盒子都是黑白相间的。 我希望每个盒子都有一个独特的悬停颜色

对于（变量i=0；i<5；i++）
{
文件。填写（“”）；
文件。填写（“”）；
};
var chapCol1=新数组（）；
chapCol1[0]=“白色”；
chapCol1[1]=“黑色”；
chapCol1[2]=“白色”；
chapCol1[3]=“黑色”；
chapCol1[4]=“白色”；

阵列可以填充每个形状的大部分，但并不令人惊讶的是，它不能完全覆盖所有形状。这让我想到，我需要使用一系列的图像，一个用于悬停产生的每种颜色组合

提前感谢-希望我的问题清楚，

---

Harry

好的，让我试着用特征来回答这个问题： 对于平行四边形框： 如果我理解的很好，你需要黑白交替块，你需要这些块中的文本颜色是唯一的。我不明白为什么您在关闭

后尝试插入图像。我猜你是想把平行四边形插入块中，对吗？ 如果您想根据PNG图像塑造

，我建议您将其用作块的背景图像，而不仅仅是在之后插入。为此，只需编写

背景图像：your_path/your_image.png在块的样式属性内。您可能需要调整块的大小，因为图像可能被“剪切”。
要调整大小，只需执行以下操作：例如，假设图像的宽度为10像素，高度为20像素，并且希望块的大小与图像相同。只需在块的样式属性上写入以下内容：
width:10px；高度：20px
但不管怎样，我仍然认为我没有完全理解你想做什么。
关于您上次的评论，您无法填充整个形状：这可能是因为
li
标记有一个默认的
margin
值，而
背景色对margin没有影响

对于悬停颜色，只需将以下内容添加到div中：
onmouseover='this.style.color=“这里唯一的颜色”'onmouseout='this.style.color=“standard\u color\u here”'

希望能有帮助。如果你能更好地解释你到底想要什么，那就太好了：D
试着解释一下你所拥有的这些图像是什么，以及你想用它们做什么。
请写下你迄今为止所做的事情。非常感谢-这是一个非常友好的回复！哦，我的问题不够具体：我想改变的是背景色。这就是为什么我有数组等等：我希望这能帮助你更好地理解我的问题。谢谢你：D…..哦，这是背景色！我仍然不太明白您拥有的图像是什么，但您有两个选项可以更改背景颜色：1）通过执行以下操作更改鼠标上方的背景图像：
onmouseover='this.style.backgroundimage=“path/image\u with_unique\u color”；'onmouseout='this.style.backgroundimage=“path/standard_image”'2）通过执行以下操作更改背景色：onmouseover='this.style.backgroundcolor=“unique\u color\u here”'onmouseout='this.style.backgroundcolor=“standard\u color\u here”'
<div id="bar2">
    <ol>
        <script type="text/javascript">
            for (var i = 0; i < 5; i++)
            {
                document.write("<a href='");
                document.write(chapLink[i]);
                document.write("'><li id='li" + i + "' style='background-color:" + chapCol1[i] + "; color:" + chapCol2[i] + "'>");
                document.write(chapter[i]);
                document.write("</li></a>");

                document.write("<img src='paragram");
                document.write(i+1);
                document.write(".png'>");
            };
        </script>
    </ol>



var chapCol1 = new Array();
chapCol1[0] = 'white';
chapCol1[1] = 'black';
chapCol1[2] = 'white';
chapCol1[3] = 'black';
chapCol1[4] = 'white';