Ho un problema con la rotazione in Internet Explorer 8 e inferiore. Sono in grado di ruotare un div genitore, ma il bambino (posizionato in assoluto) non ruota con il suo genitore. Quando non posiziono il bambino assoluto, fa la rotazione giusta.Rotazione e posizione: assoluto (IE8 e inferiore)
Ecco il mio codice
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style>
.parent
{
background-color: #f00;
position: absolute;
top: 300px;
left: 300px;
width: 500px;
height: 500px;
filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476, sizingMethod='auto expand'); //45deg
}
.child
{
background-color: #0f0;
position: absolute;
top: 150px;
left: 150px;
width: 300px;
height: 300px;
}
</style>
</head>
<body>
<div class="parent">
This is the parent
<div class="child">
This is the child
</div>
</div>
</body>
</html>
Quando si visualizza questo codice in IE8, allora questo è il risultato
vorrei che il div verde ha la stessa rotazione come il div rosso
Grazie!
Solo per curiosità, perché stai ruotando un div? Non l'ho mai trovato utile, sono solo curioso delle tue motivazioni. – FreeSnow
Devo creare un sito che assomigli un po 'a una presentazione preziosa :). http://prezi.com/ – Vinzcent
Oh, bella idea. Bene, buona fortuna :) – FreeSnow