Maison >interface Web >tutoriel CSS >Problèmes de compatibilité entre IE et FireFox_Experience Exchange

Problèmes de compatibilité entre IE et FireFox_Experience Exchange

WBOY
WBOYoriginal
2016-05-16 12:10:291722parcourir

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 ;.​

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn