2013-02-27 101 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