2016-04-08 42 views
-1

我在自舉旋轉木馬裏面有一些div。這些div就像卡片,所以當用戶點擊它們時,它會產生翻轉效果。問題是,當卡做的效果,卡被剪切div div內容的限制。這是一個的jsfiddle例如:Bootstrapp旋轉木馬裏面有翻轉效果

​​3210

https://jsfiddle.net/pctnpzc5/

+0

的問題不夠清晰。你想要解決什麼? –

+0

當你看到點擊卡片的翻轉效果時,看不到效果卡片的角落,因爲這張卡片在旋轉木馬內部,它隱藏了部分效果。完整的效果顯示在這裏https://nnattawat.github.io/flip/ – Crisiiii

+0

不要吝嗇你的方式,你只能發佈jsfiddle鏈接,當你通過插入僞註釋來顯示一些代碼時,比如'// Any想法如何解決?' – CBroe

回答

1

則需要由與該卡的減少或增加容器的大小(或兩者)給你的卡位的空間。

.card-flip{ 
    height: 350px; 
    width: 80%; margin:10px auto; 
} 

(這裏我們給出10%的保證金左,右和上10px的頂部和底部)

這樣的:https://jsfiddle.net/ten0g56s/

+0

謝謝!但是,如果我不想更換這張牌,你認爲還有其他選擇嗎? – Crisiiii