2012-05-02 95 views
0

请帮忙! 我有一个拇指图像链接在悬停时换出。 它可以在Firefox和Safari中正常工作,但不会在IE和Chrome上显示。 我是新来的Javascript,所以请原谅我,如果我错过了显而易见的。 预先感谢您。Javascript无法在IE和Chrome中工作

下面是脚本:

HTML代码:

<section class="brands_list"> 
    <div style="display:block; width:290; height:160;"" class="fade"> 
     <a href="<?php echo get_bloginfo('siteurl')."/".$urlSlug."/".$brandSlug; ?>"><img src="<?php echo $brandLogo ?>" class="brand" alt="<?php echo $brandName ?>" width="290" height="160"/> 
     <img src="<?php echo $brandImage ?>" class="brand" alt="<?php echo $brandName ?>" width="290" height="160"/> 
     </a> 
    </div> 
</section> 
+2

你能告诉我们生成的HTML,而不是你的PHP? – Sampson

+0

Chrome的Javascript控制台显示任何错误? – fcalderan

回答

2

检查你的语法 - 你在这条线在这里有一个额外的"

style="display:block; width:290; height:160;"" 

除此之外,你的代码似乎有同样的表现在IE7-10因为它在Chrome,Firefox,歌剧,傲游,和Safari浏览器也。这假设你的PHP不会产生格式不正确的标签或任何东西。

演示:http://jsbin.com/ikotul/edit#javascript,html

行为我看到在所有浏览器如下。

 
+-----------------------+ 
|      | 
|      | 
|  Not Hovered  | 
|      | 
|      | 
+-----------------------+ 
      (mouse moves over left image) 
+-----------------------+ +-----------------------+ 
|      | |      | 
|      | |      | 
|  Hovered  | | Becomes Visible | 
|      | |      | 
|      | |      | 
+-----------------------+ +-----------------------+
相关问题