2012-12-01 77 views
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的工作。如果它確實如此,那將更加驚人。

回答