在空白区域跨越光标样式。 IE8问题

时间:2009-10-30 16:40:49

标签: html css internet-explorer-8

我有以下风格的范围:

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

这适用于IE6,IE7,FF3和Chrome,但在IE8中,光标仅在包含文本的跨度部分中更改(在其他浏览器中,整个跨度的光标已更改)。

如何解决此问题的任何想法(我不想在页面上放置兼容性标记)。

干杯!

解决方案:问题是跨度是浮动div内部,导致问题。

2 个答案:

答案 0 :(得分:2)

添加 位置:相对 你当前的风格。光标将正确显示。

答案 1 :(得分:0)

在IE8中它对我来说很好用

以下是一个示例:

http://jsbin.com/oqiwo

(添加/编辑以编辑代码)

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