Javascript 为什么IE10';s span是否需要为单击事件提供背景?

Javascript 为什么IE10';s span是否需要为单击事件提供背景?,javascript,html,css,reactjs,internet-explorer-10,Javascript,Html,Css,Reactjs,Internet Explorer 10,请参见下面的两个案例。请注意,这只是IE10中的一个问题 案例1 <span onClick={this.doWork} style="display:inline-block;background:transparent;width: 100px;height:100px;line-height:100px;text-align:center;">case 2</span> 案例2 案例2 <span onClick={this.doWork} style="

请参见下面的两个案例。请注意,这只是IE10中的一个问题

案例1

<span onClick={this.doWork} style="display:inline-block;background:transparent;width: 100px;height:100px;line-height:100px;text-align:center;">case 2</span>
案例2
案例2

<span onClick={this.doWork} style="display:inline-block;background:#fff;width: 100px;height:100px;line-height:100px;text-align:center;">case 2</span>
案例2
问题:请参阅案例1。只有文本可单击,但span元素本身不可单击

解决方案:现在参考案例2。将背景添加到跨度元素后,整个跨度都可以单击

问题:为什么IE10需要CSS背景才能使元素本身可点击?我仍然希望使用透明的背景

  • 单击事件由react处理

-相同的解决方案(透明重复背景图像)可能work@JamesThorpe透明图像确实有效。我想这只是MS的一个神奇功能同样的解决方案(透明重复背景图像)可能work@JamesThorpe透明图像确实有效。我想这只是微软的神奇功能之一。