禁用時，在IE

我做的是上<img>標籤作爲觸發用的OnClick起着<audio> HTML頁面的元素..禁用時，在IE

的Javascript：

function changeImage() 
{ 
    element=document.getElementById('myimage') 
    if (element.src.match("play")) 
    { 
     element.src="stop.png"; 
     document.getElementById('audiotag1').src="music.mp3"; 
     document.getElementById('audiotag1').play(); 
    } 
    else 
    { 
     element.src="play.png"; 
     document.getElementById('audiotag1').src=""; 
    } 
}

IMG標籤：
<img id="myimage" onclick="changeImage()" src="play.png" width="20" height="20" style="position:absolute;top:5px;left:5px;">

音頻標籤：
<audio loop id="audiotag1" src="music.mp3" preload="auto"></audio>

所以，這裏的問題，因爲IE8不支持<audio>標籤，我想使圖像消失，只在IE8或誰不支持<audio>標籤。可能嗎？我該怎麼辦？我曾經使用禁用='禁用'，但它不會工作。

來源

2013-03-21 HenryJahja

嘗試使用conditional comments - 即條件<!--[if lte IE 8]>。

這會隱藏自己的形象不到和包括IE8（所以IE7，IE6等）：

<!--[if lte IE 8]> 
#myimage { 
    display: none; 
} 
-->

所以你爲它整個代碼會是這個樣子：

<!--[if IE 8]> 
    <style> 
    #myimage { 
     display: none; 
    } 
    </style> 
<![end if]-->

來源

2013-03-21 10:21:27 lifetimes

放哪裏？我把它放在''後面，但沒有任何作用 – HenryJahja 2013-03-21 10:36:12

@HenryJahja它是CSS，所以把它放在你的CSS文件/代碼中。 – lifetimes 2013-03-21 10:36:50

'<！ - [if IE 8]> ' – HenryJahja 2013-03-21 10:38:44

什麼你需要的是Modernizr。你可以像支持任何東西一樣檢查支持。

此外，Modernizr包含html5shiv，如果您計劃使用html5支持oldie，則該html5shiv是必須的。

您可以檢查

if (Modernizr.audio) {}

這是更好然後針對特定瀏覽器的檢查，因爲它會檢查HTML5音頻標籤的實際支持和基於瀏覽器不作假設（IE是不唯一過時的瀏覽器：D）

您也可以檢查實際的文件格式支持。從Modernizr的documentation的例子：

var audio = new Audio(); 
audio.src = Modernizr.audio.ogg ? 'background.ogg' : 
      Modernizr.audio.mp3 ? 'background.mp3' : 
            'background.m4a'; 
audio.play();

（雖然這是使用嵌套一個令人困惑的方式：運營商恕我直言）

來源

2013-03-21 10:31:03 SoonDead

-1

您可以通過JavaScript 檢查嘗試，如果你發現IE瀏覽器，然後return false

if(navigator.appName.indexOf("Internet Explorer") == -1) { 
    document.getElementById('myimage').onclick = function() { 
     return false; 
    } 
} else { 
    document.getElementById('myimage').onclick = function() { 
     alert("cliiing"); 
     return true; 
    } 
}

來源

2013-03-21 10:49:20

回答

相關問題