2013-02-27 3 views
1

Как сделать внутренний div видимым, когда родительский элемент внутреннего div равен overflow:hidden? Мне нужно, чтобы родительские или слайды были overflow:hidden, потому что есть несколько слайдов, которые нужно скрывать. Но я хочу показать часть внутреннего «слайда» при показе, чтобы вырваться из переполнения. Как мне это сделать или если мне нужно переконфигурировать его, как это должно работать Если вы можете оставить мне пример того, что делать спасибо.показать внутреннее переполнение 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

+0

вы пропустили точку с запятой в встроенном стиле. –

+3

Просто прочитав заголовок, я думаю, что его невозможно, родительский «overflow: hidden», все, что собирается покинуть его границы, будет скрыто, все, что внутри него будет показано, если вы не поместите родительский элемент в родительский div с относительным положением, затем поместите ту вещь, которую вы хотите показать как абсолютный div. –

ответ

1

Проверить эту демку

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

+0

Я пробовал это, и это не имеет значения, если вы можете привести пример на jsFiddle его работы, который будет круто – ONYX

+0

Это дает мне полосы прокрутки, и это не выглядит правильным. Я хочу, чтобы мое изображение выскользнуло из скрытой части. Im using javascript также. В основном я анимирую левую позицию, а затем показывает изображение, но я хочу, чтобы конечная часть справа была вне скрытой части. – ONYX

+0

ознакомьтесь с этой скрипкой! –

Смежные вопросы