IEとChromeでJavascriptが機能しない

Question

助けてください！ 私は、ホバー上で親指画像リンクを交換しています。 FirefoxとSafariでは正常に動作しますが、IEやChromeでは表示されません。 私はJavascriptを初めて使いました。 ありがとうございます。ここで

スクリプトです：

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> 

Answer 1

はあなたの構文をチェック - あなたはここで、このライン上の余分な"を持っています。これ以外

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

、あなたのコードは、それがクロム、Firefoxの、オペラ、Maxthonは、およびSafariで行うようにIE7-10で同じよ​​うに動作するように見えます。これはPHPが不正な形式のタグなどを生成しないことを前提としています。

デモ：http://jsbin.com/ikotul/edit#javascript,html

私はすべてのブラウザで見ている動作は以下の通りです。

 
+-----------------------+ 
|      | 
|      | 
|  Not Hovered  | 
|      | 
|      | 
+-----------------------+ 
      (mouse moves over left image) 
+-----------------------+ +-----------------------+ 
|      | |      | 
|      | |      | 
|  Hovered  | | Becomes Visible | 
|      | |      | 
|      | |      | 
+-----------------------+ +-----------------------+