Poniższy kod powinien zawierać pasek nagłówka, stopkę i obraz, ale z jakiegoś powodu, zaraz po dodaniu .div1 { -webkit-transform-style: preserve-3d; }
otrzymuję tylko pasek nagłówka. Wiem, że wydaje się, że niektóre niepotrzebne divy i styl są stosowane, ale potrzebuję ich do efektów, które usunęłam, aby ułatwić debugowanie. Moja strona jest kod:Dlaczego "-webkit-transform-style: preserve-3d;" sprawić, że niektórzy div znikną?
<html>
<head>
<title></title>
<style>
body {
margin: 0px;
}
.div1 {
-webkit-transform-style: preserve-3d;
}
.div2 {
position: absolute;
width: 100%;
height: 100%;
}
img {
max-width: 50%;
max-height: 50%;
display: block;
}
.footer {
position: fixed;
bottom : 0px;
}
</style>
</head>
<body>
<div class="div1">
<div class="div2">
<div class="header">
Header
</div>
<div class="imgdiv">
<img src="http://static.guim.co.uk/sys-images/Guardian/Pix/pictures/2012/5/18/1337331092888/Cwm-Idwal-Snowdonia.-Mich-007.jpg">
</div>
<div class="footer">
Footer
</div>
</div>
</div>
</body>
</html>
Jak mylące. Dziękuje – Grezzo
Pewnie! Ważne jest, aby pamiętać, że specyfikacja dla tych rzeczy nie jest jeszcze ostateczna. Nawet animacje CSS3 (specyfikacja, która jest bardziej dojrzała niż płótno 3D) zostały uznane za błędne (ze względu na specyfikację, a nie z powodu implementacji przeglądarki), a specyfikacja wkrótce się zmieni. – Brian
To interesujące, czy znasz jakieś artykuły omawiające błędy w specyfikacji? – Grezzo