2012-05-02 98 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 | 
|      | |      | 
|      | |      | 
+-----------------------+ +-----------------------+
相關問題