Html 与IE6/IE7兼容的菜单列表
我必须修改一个HTML页面,因为菜单不适用于IE6/IE7/IE8 HTML代码:Html 与IE6/IE7兼容的菜单列表,html,css,internet-explorer-7,internet-explorer-6,Html,Css,Internet Explorer 7,Internet Explorer 6,我必须修改一个HTML页面,因为菜单不适用于IE6/IE7/IE8 HTML代码: <div id="menu"> <table> <tr> <td><a href="menu1.php">Menu 1</a></td> <td>Menu 2 <ul> <li&g
<div id="menu">
<table>
<tr>
<td><a href="menu1.php">Menu 1</a></td>
<td>Menu 2
<ul>
<li><a href="submenu1-1.php">Sub-menu 1</a></li>
<li><a href="submenu1-2.php">Sub-menu 2</a></li>
<li><a href="submenu1-3.php">Sub-menu 3</a></li>
</ul>
</td>
<td><a href="menu3.php">Menu 3</a></td>
<td>Menu 4
<ul>
<li><a href="submenu3-1.php">Sub-menu 1</a></li>
<li><a href="submenu3-2.php">Sub-menu 2</a></li>
<li><a href="submenu3-3.php">Sub-menu 3</a></li>
</ul>
</td>
<td><a href="menu5.php">Menu 5</a></td>
<td>Menu 6
<ul>
<li><a href="submenu5-1.php">Sub-menu 1</a></li>
<li><a href="submenu5-2.php">Sub-menu 2</a></li>
<li><a href="submenu5-3.php">Sub-menu 3</a></li>
</ul>
</td>
<td><a href="disconnect.php">Menu 7</a></td>
</tr>
</table>
</div>
“td”和“ul”的语法对我来说似乎有点奇怪。有没有什么提示可以恢复与旧版本Microsoft浏览器的兼容性
谢谢大家! #如果您的页面处于标准模式,则菜单td:hover ul
将在IE7+中工作
要使页面使用标准模式,请在第一行添加适当的doctype,例如:
<!DOCTYPE html>
不幸的是,这无法修复IE6,因为该版本只支持:将悬停在a
元素上
要修复IE6(以及其他版本的IE,如果您无法添加doctype,并且您的页面必须保持在怪癖模式),您应该使用以下JavaScript修复:
大多数现代浏览器都支持
:悬停任何html元素的选择器。
这很酷,因为它使您
例如,应用鼠标悬停
仅使用
CSS。然而,IE有一个不稳定的
支持:最多悬停,具体取决于
在你的访客的特定版本上
正在使用
不管怎样:hover是一个小脚本
自动修补程序:悬停,:活动
和:重点关注IE6、IE7和IE8
怪癖,让你像你一样使用它们
将在任何其他浏览器中显示。
你为什么用桌子?你为什么不告诉我们出了什么事?”“不工作”有点抽象。
<!DOCTYPE html>