javascript - IE 和 Chrome 中的 Div 定位和 css 样式更改

Question

我在 div 上有一些带有 javascript 函数的小应用程序。以前开始更改 chrome，一切都与 chrome 配合得很好。但是当我在 IE 中测试应用程序时，功能没有执行，然后终于意识到 div 定位和样式在 IE 中发生了变化，实际上普通样式“光标:指针”也不适用于同一个 div(在 chrome 中工作)在 IE 中，谁能帮我解决这个问题。

这是我使用的代码:

<!-- onclick function works in IE --> 
<div id="div1">
   <image path which display Next Shape and Name/>
   <div id="innerdiv1" style="top: 20px; -webkit-transform-origin: 48px 0px; transform-origin: 48px 0px 0px;"> 
    <span>Nxt</span>
  </div>
</div>
<!-- onclick function works in Chrome --> 
<div id="div2" style="cursor: pointer;" onClick = "someJsFunction();">
   <dummy image/>
   <div id="innerdiv2" style="top: 20px; -webkit-transform-origin: 48px 0px; transform-origin: 48px 0px 0px;"> 
     <span></span>
   </div>
</div>

提前致谢。

Answer 1

对于这种情况，您需要找到浏览器，并且根据浏览器您还必须处理 javascript 函数。就我而言，

!!document.documentMode --> used to identify IE browser
!!window.chrome --> used to identify Chrome

并且根据浏览器也处理了 js 函数。