javascript - 五分之二的图像中没有前两点，而只有在Chrome中

遵循以下痛苦的简单结构：

<div id="home_thumbnails">
    <img onClick='loadFeature(0);' src='image_1.jpg'>
    <img onClick='loadFeature(1);' src='image_2.jpg'>
    <img onClick='loadFeature(2);' src='image_3.jpg'>
    <img onClick='loadFeature(3);' src='image_4.jpg'>
    <img onClick='loadFeature(4);' src='image_5.jpg'>
</div>

在firefox中，这与广告完全一样。
然而，在Chrome中，loadFeature并没有为前两个图像调用。我在alert()的顶部有一个function loadFeature()表示函数甚至没有被前两个调用。然而，剩下的三个人却认为这很好。
对此，如有任何解释，将不胜感激

最佳答案

Here is a recreation of what could be happening。
可能有一个透明的div或图像覆盖了前两个图像。
例如，以这个看起来无害的代码为例：

<html><body>
<script type="text/javascript">
    function loadFeature(number)
    {
        alert(number);
    }
</script>
<div id="important"></div>
<div id="home_thumbnails">
    <img onClick='loadFeature(0);' src='image1.jpg'>
    <img onClick='loadFeature(1);' src='image2.jpg'>
    <img onClick='loadFeature(2);' src='image3.jpg'>
    <img onClick='loadFeature(3);' src='image4.jpg'>
    <img onClick='loadFeature(4);' src='image5.jpg'>
</div>
</body></html>

将以上代码与widthX和heightY的图像以及以下CSS结合起来：

#important {
    width:2Xpx;
    height:Ypx;
    position:absolute;
    top:0;
    left:0; }

你的前两张图片是不可点击的。