0
我正在使用quickFlip,它是超級塗料,但我無法弄清楚如何讓整個div翻轉。用於翻轉DIV附着到實際的div時不起作用的類,所以我試圖與高度和寬度在div內的p元件設定爲100%,加入倒裝類到但現在我不能嵌套標題在裏面。如何使整個div可翻轉?
有關如何使div使用jQuery輕鬆轉換的想法?
我的瓷磚當前的HTML是這樣的:
<div id="tile-wrap">
<div class="size4 red fL i-projects">
<h1>Project Portfolio</h1>
</div>
<div class="size4 orange fR i-interests">
<h1>Career Interests</h1>
</div>
<div class="size4 purple fL i-resume">
<h1>Resume</h1>
</div>
<div class="size4 green fR">
</div>
<div class="size4 x-l blue fL i-person">
<h1>About Me</h1>
</div>
<div class="size4 yellow fR i-school">
<h1>Education</h1>
</div>
<div id="contact" class="size2 black fL i-email">
<h1 style="text-align:left">Contact</h1>
</div>
</div>
我想如何處理quickFlip是這樣的,但我不能讓任何標題或其他內容在那裏。
<div id="tile-wrap">
<div class="quickFlip">
<div class="size4 red i-interests">
<p class="quickFlipCta" style="height:100%;width:100%">
<!-- this is not shown -->
<h1>Project Portfolio</h1>
</p>
</div>
<div class="size4 red">
<p class="quickFlipCta" style="height:100%;width:100%">
<h1>Provide Info Here</h1>
<!-- this is not shown and niether is the heading above -->
This might contain a list or something.
</div>
</div>
</div>
這是使整個瓷磚可翻轉的,但現在我不能有任何的標題,我以爲有很多事情可以在一個p元素不能嵌套,所以我不能這樣使用這些無論是。
任何解決方案?但不知爲何,類=「quickFlipCta」不會對div的工作。如果它確實如此,那將更加驚人。