2013-02-27 88 views
1

當內部div的父級爲overflow:hidden時,如何使內部div可見? 我需要將父級或幻燈片設置爲overflow:hidden,因爲有多個幻燈片需要隱藏。但我想要的是當顯示突破溢出時顯示內部「幻燈片」的一部分。我該怎麼做,或者如果我需要重新設計它應該如何工作如果你可以請給我一個什麼todo感謝的例子。顯示內部div溢出:父級溢出的可見性:隱藏

<div id="slides" style="overflow:hidden; width:300px; height:300px"> 
    <div id="slide" style="height:300px; height:300px">    
     <div style="overflow:visible"> 
      <img alt="" src="image.png" /> 
     </div> 
    </div> 
</div> 
+2

太多的話,的jsfiddle我的朋友,的jsfiddle。 – martriay 2013-02-27 04:37:32

+0

你錯過了內聯風格的分號。 – 2013-02-27 04:42:56

+3

只是閱讀標題,我認爲它是不可能的,父母是'overflow:hidden;',無論將要離開它的邊界將被隱藏,無論它在裏面會顯示,除非,你把父母放在父div與一個相對位置,然後把你想表現爲兄弟絕對div的東西。 – 2013-02-27 04:52:14

回答

1

看看這個演示

[parent div overflowhidden inner div overflow scroll][1] http://jsfiddle.net/fGFnu/1/

+0

我試過了,它沒有區別,如果你可以給一個例子在jsFiddle的工作,這將是很酷 – ONYX 2013-02-27 05:35:37

+0

這給了我滾動條,看起來不正確我希望我的圖像彈出隱藏部分我使用javascript也。基本上,我動畫的左側位置,然後顯示圖像,但我希望右側的末端部分在隱藏部分外 – ONYX 2013-02-27 05:39:06

+0

檢查出小提琴! – 2013-02-27 05:43:13