-3

以下のコード (html、javascript、css) を Web サイトに埋め込んでいます。Firefox と chrome の (最新の) どのバージョンでも正しく動作しますが、Internet Explorer 9 以前では正しく動作しません。 .

適切に機能しないということは、リンクが機能していない (ナビゲーションがない) ことを意味します。申し訳ありませんが、十分に明確ではありませんでした...私のコードに何か問題や不足がありますか? 何か追加できますか？そのメタタグを間に追加しようとしました 

<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

1 に答える 1

0

IE9 以前は、最新の html5 タグを完全にはサポートしていません。html5 には chrome を使用することをお勧めします。

于 2013-05-29T04:56:24.050 に答える