zoom css style wird nicht angewendet positioniert absoluten div-element, und es sind Kinder im IE

Unten ist der html-code für die Prüfung.
In anderen browser, alle 3-divs nach unten skalieren von 0.5.
Jedoch im IE(einschließlich IE9), absolut positionierte div(zweite Tiefe div) und it ' s Kind div(third-Tiefe div) ist nicht nach unten skalieren richtig.

Wie bewerbe ich mich-zoom-Stil für alle divs korrekt?

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="ko" xml:lang="ko">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body style="zoom:0.5">
<div style="width:400px;height:400px;background:red">
<div style="position:absolute;width:200px;height:200px;background:black">
<div style="width:100px;height:100px;background:blue"></div>
</div>
</div>
</body>
</html>
(Nicht, dass das wichtig für die Frage auf der hand, aber für Ihr eigenes Verständnis für das material) Ist das HTML oder XHTML? während die <html> tag hätte uns glauben es ist XHTML, die <meta> element Schreien sonst, auf zwei verschiedene Arten.

InformationsquelleAutor | 2013-06-24

  1. 1

    zoom ist ein nicht-standard-IE-Eigenschaft. Einige andere Browser (wie firefox) einfach ignorieren

    Den Standard-konforme Art und Weise der Skalierung eines Elements wird durch die Verwendung der scale() transform-Funktion.

    body {
    -webkit-transform: scale(.5);
    -moz-transform: scale(.5);
    transform: scale(.5);
}

    Vergleichen http://jsfiddle.net/tqMsv/ (zoom) mit http://jsfiddle.net/tqMsv/1/ (Skala)

    Danke!! Ihr Tipp war sehr hilfreich!!! Für mehr Informationen habe ich recherchiert und diesen link gefunden, stackoverflow.com/questions/3055383/...
    Hinzugefügt z-index für die absolut positionierten div-und progid:DXImageTransform.Microsoft.Matrix-Attribut für ältere IE-funktioniert gut!'
    markieren Sie es als Antwort dann 😉

    InformationsquelleAutor xec

  2. 0

    Legen Sie den übergeordneten Elementen style "position:relative".
    Nun werden alle Elemente innerhalb des vergrößerten übergeordneten element sollte vergrößert werden, wie gut.

    InformationsquelleAutor Abdullah Akpinar

Schreibe einen Kommentar