2013-05-28 18 views
-3

У меня есть код ниже (html, javascript, css), встроенный на веб-сайт, и хотя он работает правильно в любой версии (-many-last) firefox и chrome, он не работает должным образом в Internet Explorer 9 или старше.Совместимость с Internet Explorer

Не работает должным образом, я имею в виду, что ссылки не работают (нет навигации). жаль, что я не был достаточно ясным ... есть что-то неправильно или отсутствует в моем коде? Могу ли я что-то добавить? я судимый добавить, что мета-тег между

<meta http-equiv="X-UA-Compatible" content="IE=edge" /> 

, но ничего не произошло.

мой код является то, что:

<!DOCTYPE html> 
<html> 
<head> 
<style> 
body{font-family:verdana; font-size:25px} 
table{font-size:80%;background:181919} 
a{color:white;text-decoration:none;font:bold } 
a:hover{color:#009ED8} 
td.menu{background:#181919} 
table.menu 
{ 

font-size:100%; 
position:absolute; 
visibility:hidden; 
} 
</style> 
<script> 
function showmenu(elmnt) 
{ 
document.getElementById(elmnt).style.visibility="visible"; 
} 
function hidemenu(elmnt) 
{ 
document.getElementById(elmnt).style.visibility="hidden"; 
} 
</script> 
</head> 

<body> 

<table width="100%" border = 0> 
<tr bgcolor="181919" > 
    <td onmouseover="showmenu('home')" onmouseout="hidemenu('home')" width="15%"> 
    <a href="http://www.test.com" target=_top>Αρχική</a><br> 

    </td> 

<td onmouseover="showmenu('company')" onmouseout="hidemenu('company')" width="25%"> 
    <a href=" http://www.test.com" target=_top>Η εταιρία μας</a><br> 
    </td> 
    <td onmouseover="showmenu('properties')" onmouseout="hidemenu('properties')" width="20%"> 
    <a href=" http://www.test.com" target=_top>Ακίνητα</a><br> 
    <table class="menu" id="properties" width="120"> 
<tr><td><br></td></tr> 
    <tr><td class="menu"><a href=" http://www.test.com" target=_top>Πώληση</a></td></tr> 
    <tr><td class="menu"><a href=" http://www.test.com" target=_top>Ενοικίαση</a></td></tr> 
    <tr><td class="menu"><a href=" http://www.test.com" target=_top>Μισθωμένα</a></td></tr> 
    <tr><td class="menu"><a href="http://www.test.com" target=_top>Υπό κατασκευή</a></td></tr> 

    </table> 
    </td> 
    <td onmouseover="showmenu('contact')" onmouseout="hidemenu('contact')" width="20%"> 
    <a href=" http://www.test.com" target=_top>Επικοινωνία</a><br> 
    <table class="menu" id="contact" width="120"> 


    </table> 
</td> 
    <td onmouseover="showmenu('press')" onmouseout="hidemenu('press')" width="20%"> 
<a href=" http://www.test.com" target=_top>Γραφείο Τύπου</a><br> 
    <table class="menu" id="press" width="120"> 
<tr><td><br></td></tr> 
    <tr><td class="menu"><a href="http://www.test.com" target=_top>Ανακοινώσεις</a></td></tr> 
    <tr><td class="menu"><a href=" http://www.test.com" target=_top>Οικονομικά Στοιχεία</a></td></tr> 


    </table> 
    </td> 

</tr> 
</table> 
</body> 

</html> 
+4

Что именно вы имеете в виду, «не работает»? Не работает * как *? Есть ли ошибки в консоли? – Pointy

+4

Что значит, не работает должным образом? Какие ошибки вы получаете в консоли? – Renan

+0

_ «не работает должным образом» _ - Пожалуйста, объясните, что вы подразумеваете под «правильно». То есть, добавьте объяснение желаемого поведения и фактического поведения. (Кстати, где находятся элементы '' home'' & '' company'', которые вы пытаетесь показать и скрыть? Существуют соответствующие элементы для других накладок, но не для этих двух.) – nnnnnn

ответ

0

IE9 или старше не в полной мере поддерживают новейшие теги html5. лучше использовать хром для html5.

+0

IE8 хуже, но есть js-плагины, которые дают им совместимость, например html5shiv –

Смежные вопросы