跨越空白区域的光标样式。 IE8问题答案

【问题标题】：Span cursor style on empty areas. IE8 problem跨越空白区域的光标样式。 IE8问题
【发布时间】：2012-05-17 22:45:09
【问题描述】：

我有一个具有以下样式的跨度：

margin: 5px 0;
padding: 2px;
cursor: pointer;
display: block;
width:100%;
background-color:Blue;

这适用于 IE6、IE7、FF3 和 Chrome，但在 IE8 中，光标仅在具有文本的范围内更改（在其他浏览器中，整个范围都更改了光标）。

关于如何解决这个问题的任何想法（我不想在页面上放置兼容性标签）。

干杯！

解决方案：问题是跨度位于浮动 div 内，这导致了问题。

【问题讨论】：

该代码在我的 IE8 窗口中运行良好，指针显示在整个范围内。可能是您的 IE 设置有所不同？

标签： html css internet-explorer-8

【解决方案1】：

添加位置：相对适合你现在的风格。光标会正确显示。

【讨论】：

【解决方案2】：

在 IE8 中对我来说工作正常

这是一个示例：

http://jsbin.com/oqiwo

（添加 /edit 编辑代码）

<span style="margin: 5px 0;padding: 2px;cursor: pointer;display: block;width:100%;background-color:Blue;" >Hover over to change cursor to pointer</span>

【讨论】：

您好，感谢您的帮助。似乎问题在于容器 div 有一个 float:left 样式，我删除了它，问题就消失了。