Dan*_*Ray 1 html javascript firefox google-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(),表明该功能甚至没有被前两个调用.然而,剩下的三个人称它为好.
对此的任何解释都将受到很多赞赏
可能有透明的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>
将上面的代码与宽度X和高度的图像Y以及以下CSS 组合在一起:
#important {
width:2Xpx;
height:Ypx;
position:absolute;
top:0;
left:0; }?
并且您的前两张图片无法点击.
| 归档时间： |
|
| 查看次数： |
647 次 |
| 最近记录： |