2013-07-23 27 views
0

我試圖讓鼠標懸停在圖像上時圖像變得稍微不透明。我在php中使用這一行代碼。圖像只在firefox中消失

<img src="/wp-content/themes/Map/images/SlideTab/slide2.png" onmouseover= 'shade(this)' onmouseout = 'normal(this)' onclick='showSubMenu("sm_item3")' alt ="Slide" style ="height :22em ; width:4.063em; "/> 

簾功能只是改變不透明度爲0.5 .The圖像起作用appropiately除了火狐所有瀏覽器。在Firefox中,圖像不透明,如果鼠標停留在圖像上,圖像將消失。我一直無法找到問題。提前感謝您的任何建議。

這裏是我的遮陽功能。很簡單。它適用於所有瀏覽器。它甚至適用於Firefox。不同的是,在Firefox不透明後圖像完全消失:

function shade(x) {  
    x.style.opacity = ".5"; 
} 
+0

我已經刪除了PHP標籤,因爲這個問題與它無關。您可能需要將'shade()'函數添加到問題中,並將其重新標記爲jquery或javascript。 – andrewsi

+0

你可以試試'x.style.opacity = 0.5;'沒有引號嗎? https://developer.mozilla.org/en-US/docs/Web/CSS/opacity – Amitd

+0

剛剛嘗試過。沒有差別 – user2573227

回答

0

你應該依賴像JQuery和它的API這樣的庫。例如,看看fadeTo方法。如果您仍想使用自己的方法,請將其粘貼到問題中。

乾杯。

+0

fadeTo()會得到相同的結果。即使指定了0.5不透明度,圖像也會完全消失。 – user2573227

+0

我用你的方法試過Firefox 21,它工作正常。您定位的是哪個版本的Firefox? – htulipe

+0

在Firefox 22.0中測試 – user2573227