2012-11-26 45 views

回答

44

我不确定当你问这个问题时你使用的是什么版本的IE。

只是每个人的信息,我可以通过HTML标签通过使用以下步骤序列中查看悬停风格IE 9

  1. 打开开发人员工具
  2. 将鼠标悬停在元素你想查看其悬停CSS ,同时离开开发人员窗口集中
  3. 按F5,而你的鼠标仍然在元素
  4. Ctrl + B键并单击元素

现在,您可以查看悬停CSS上。

编辑(2015年1月):

IE 11,你点击蓝色的大“A:”出现在DOM资源管理器的样式面板右上角的图标,然后勾选“悬停“复选框。

+4

哇,实际工作,但前提是你使用的步骤这个确切顺序。如果您不关注开发人员窗口,您的键盘命令将无法正常工作。 – bryanbraun

+3

非常有帮助。太糟糕的IE浏览器继续使浏览器开发工具包最不有用(这仍然是IE10的答案)。 OP应该已经接受了这个答案。谢谢。 – cautionbug

+0

任何人都可以得到这个在IE11中工作? – bmm6o

2

我无法在IE开发人员工具中找到CSS:悬停状态。所以我刚刚从一个小书签中使用了Firebug Lite。

1

老雷的建议有效。 当您打开开发人员工具时,请确保它处于焦点状态,以便它可以接收快捷命令 - 当您单击页面的滚动条或页面时,它会关注浏览器窗口,并将所有快捷命令发送到页。 为了避免错误做到以下几点:

  1. 找到你所需要
  2. 开放开发工具
  3. 重点开发者工具窗口
  4. 悬停元素你想
  5. 按F5键,而无需移动元素鼠标
  6. Ctrl + B并点击元素

最好的问候。

17

在IE11中,单击DOM Explorer中“样式”窗格右上角出现的大蓝色“a:”图标,然后选中“悬停”复选框。 Screenshot of Internet Explorer 11 F12 Developer Tools with a: highlighted

如果看不到“a:”,请首先在DOM Explorer的左窗格中选择一个元素或HTML标记。

+0

*这是IE11的正确答案。 –

+1

我似乎没有这个图标... – Izkata

+0

我已经添加了截图,希望可以帮助@Izkata –

0

对于那些在Google上发现这个问题的人,我创建了一个跨浏览器工具,只需移动鼠标即可查看HTML/CSS布局。您可以轻松查看处于悬停状态的元素。

HTML Box Visualizer - GitHub

相关问题