Maison >interface Web >tutoriel CSS >Problèmes de compatibilité entre IE et FireFox_Experience Exchange
window.event
IE : Il y a un objet window.event
FF : Il n'y a pas d'objet window.event. Les objets événement peuvent être transmis comme arguments aux fonctions. Tels que onmousemove=doMouseMove(event)
Coordonnées actuelles de la souris
IE : event.x et event.y.
FF : event.pageX et event.pageY.
Universel : les deux ont les propriétés event.clientX et event.clientY.
Les coordonnées actuelles de la souris (plus la distance parcourue par la barre de défilement)
IE : event.offsetX et event.offsetY.
FF : event.layerX et event.layerY.
Les positions des coordonnées x et y de la balise : style.posLeft et style.posTop
IE : Oui.
FF : Non.
Commun : object.offsetLeft et object.offsetTop.
Hauteur et largeur du formulaire
IE : document.body.offsetWidth et document.body.offsetHeight. Remarque : La page doit avoir une balise body à ce stade.
FF : window.innerWidth et window.innerHegiht, et document.documentElement.clientWidth et document.documentElement.clientHeight.
Commun : document.body.clientWidth et document.body.clientHeight.
Ajouter un événement
IE : element.attachEvent("onclick", func);.
FF : element.addEventListener("click", func, true).
Général : element.onclick=func. Bien que l'événement onclick puisse être utilisé, les effets de onclick et des deux méthodes ci-dessus sont différents. onclick n'exécute qu'un seul processus, tandis que attachEvent et addEventListener exécutent une liste de processus, c'est-à-dire plusieurs processus. Par exemple : element.attachEvent("onclick", func1);element.attachEvent("onclick", func2) afin que func1 et func2 soient exécutés.
Attributs personnalisés de la balise
IE : Si une valeur d'attribut est définie pour la balise div1, la valeur peut être obtenue par div1.value et div1["value"].
FF : ne peut pas être obtenu en utilisant div1.value et div1["value"].
Général : div1.getAttribute("value").
Nœud parent, nœud enfant et nœud de suppression
IE : parentElement, parement.children, element.romoveNode(true).
FF : parentNode, parentNode.childNodes, node.parentNode.removeChild(node).
Dessiner
IE : VML.
FF : SVG.
CSS : Transparent
IE : filter:progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=60).
FF:opacité:0,6.
CSS : coins arrondis
IE : les coins arrondis ne sont pas pris en charge.
FF : -moz-border-radius:4px, ou -moz-border-radius-topleft:4px;-moz-border-radius-topright:4px;-moz-border-radius-bottomleft:4px;-moz -border-radius-bottomright:4px;.
CSS : bordure en relief à double ligne
IE : bordure : début de 2 px ;.
FF:-moz-border-top-colors : #d4d0c8 blanc ;-moz-border-left-colors : #d4d0c8 blanc ;-moz-border-right-colors :#404040 #808080;-moz-border- couleurs du bas : #404040 #808080 ;.