IE8 CSS懸停圖像不可點擊JQuery

我有一個圖像，它有一個onmousedown事件。當我將鼠標懸停在它上面時，它會顯示一個單獨的圖像。我徘徊代碼如下所示：IE8 CSS懸停圖像不可點擊JQuery

  $(".baur").hover(
          function() { 
            $(".hoverbaur").show(); 
          },

我已經使用了一段時間的代碼，雖然今天我在IE8測試和鏈接不起作用！最初，我將hoverbaur css display設置爲none，然後JQuery在懸停時改變它。我知道我也可以鏈接懸停圖片，但其中有很多。我希望有一個CSS解決方案可以讓懸停的圖像可見，但它下面的圖像的onclick事件仍然可以執行。

我想我的另一個問題是，爲什麼這個工作在FF和Chrome？

當然可以！一個例子圖像看起來像這樣

<img class="baur" onmousedown="showDiv()"> 
<img class="hoverbaur" style="display:none"> 

function showDiv(){ 
$("#welcome").show 
}

任何意見將幫助，謝謝！

來源

2010-09-28 Doug Molineux

你可以請你的HTML和更完整的JavaScript？ – fehays 2010-09-28 18:19:52

爲什麼你的圖片上沒有用戶標識？我不明白你爲什麼使用class並在你的圖像上指定樣式，比如class =「hoverbaur」style =「display：none」 – 2010-09-28 18:46:28

我實際上已經將樣式設置在一個單獨的CSS表單中，我只是向它展示它的樣式是 – 2010-09-28 18:47:59

您有show()方法錯誤輸入爲show。它應該是：

$("#welcome").show();

注意：jQuery允許您使您的代碼不顯眼。你應該避免使用內聯javascript/css。

來源

2010-09-28 18:51:49 Sarfraz

IE8 CSS懸停圖像不可點擊JQuery

回答

相關問題