Question

我有一个包含2个div的div。
在第一个div中，有一个溢出父div的跨度（溢出设置为隐藏，光标设置为指针）。
第二个div是一个宽度为10px的resize处理程序。光标设置为w-resize

在IE9中：当悬停绝对div时，光标会正确显示，除非你还悬停在跨度上。

HTML：

<div class="div1">
<div class="div2"> 
    <span>Test test test test test test test test test test</span>
</div>
<div class="div3"></div>
</div>

的CSS：

.div1{
  width: 200px;
  position: relative;
  height: 100px;
  background: green;
}

.div2{
  cursor: pointer;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
}

.div3{
  width: 10px; 
  height: 100%; 
  position: absolute;
  right: -1px; 
  bottom: 0px;     
  cursor: w-resize;
}

小提琴：http://jsfiddle.net/7fpa7vjs/

感谢您的输入

Answer 1

这是我以前从未见过的奇怪的一个。如果不给出绝对div background，这似乎不适用于IE9。显然你不想要一个可见的背景，所以我使用透明的像素图像作为背景，它现在可以在IE9中使用。

Fiddle

Answer 2

2004年规范中添加了CSS3 cursor个值，包括none，context-menu，cell，vertical-text，{{1 }，alias，copy，no-drop，not-allowed，nesw-resize，nwse-resize，col-resize和row-resize

不幸的是，Internet Explorer 不支持 all-scroll，alias，cell，copy，ew-resize，{{1 }，ns-resize或nesw-resize游标。

旁注：Opera 12.10也不支持nwse-resize或context-menu。

一些已知问题： Firefox / Mac，Safari / Mac，Chrome / Mac不支持none和URI游标（使用48px游标进行测试）。 Internet Explorer仅支持PNG格式的游标。

请参阅W3C和Mozilla Developer Network规范。

IE9中绝对div中的游标问题

2 个答案: