IE和Chrome中的Div定位和CSS样式更改

时间:2014-12-22 05:02:48

标签: javascript html css google-chrome internet-explorer

我在div上有一些javascript函数的小应用程序。以前开始的铬变化,铬一切都很顺利。但是当我在IE中测试应用程序时,函数并没有被激发,最后在IE中实现了div定位和样式的改变,实际上是普通样式" cursor:pointer"也不适用于IE中同一个div(在Chrome中工作),任何人都可以帮我解决这个问题。

以下是我使用的代码:

<!-- 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>

提前致谢。

1 个答案:

答案 0 :(得分:0)

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

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

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