Переполнение: скрыто

У меня есть родительский контейнер с большим количеством дочерних элементов. По причинам анимации (дочерние элементы перемещаются внутрь и наружу родительского элемента), я установил егоoverflow собственность наhidden.

Это прекрасно работает, но есть пара детей, которых я хочу видеть за пределами родительских границ.

Как сделать так, чтобы только определенные дети были видны за пределами родительских границ?

 YMMD14 мая 2012 г., 15:16
На stackoverflow есть замечательная нить, которая вам понравится:stackoverflow.com/questions/6196725/…
 Christoph14 мая 2012 г., 16:10
К вашему сведению, я добавил пример скрипки.

Ответы на вопрос(3)

спрятал больше и затем дал минус поля для окружающих элементов.

 28 авг. 2014 г., 11:24
Можете ли вы предоставить демо, спасибо заранее.
Решение Вопроса

overflow:hidden тогда все дочерние элементы будут обрезаны, или у вас естьoverflow:(visible|auto|scroll|...) тогда все дети рассматриваются в соответствии с этим правилом. Вы не можете смешивать состояния - ко всем детям относятся одинаково.

Тем не менее, вы можете ввести дополнительные элементы контейнера внутри родительского элемента (который больше не имеет переполнения: скрытый), как в этом псевдокоде:

<parent>    
   <container1 style="overflow:hidden">
      <!-- these will be clipped -->
      <element>
      <element>
   </container>

   <container2 style="overflow:visible">
      <!-- these will be shown -->
      <element>
      <element> 
   </container>
</parent>

редактировать:пример

In the light of more discussion with OP, this answer doesn't help. Instead see comments for clarification with OP.

Во-первых, это помогает, если вы включаете какой-то конкретный код.

Вообще говоря, обеспечитьCSS селектор, который более специфичен для ребенка, чем тот, который устанавливаетoverflow: hidden;

Например,

Style:

.hide-children div {overflow: hidden;}
.hide-children div.show-me {overflow: none;}

HTML:

<div class="hide-children">
    <div class="child"></div>
    <div class="child"></div>
    <div class="child show-me"></div>
</div>

But like I said, only after some sample code can a more meaningful answer be provided.

 14 мая 2012 г., 15:22
Итак, если я правильно вас понял, если в родительском элементе есть 5 дочерних элементов, у которых переполнение скрыто, то вы хотите, чтобы, скажем, 3 были скрыты за пределами границ, а 2 - видимыми ?. Если это правильно, есть ли возможность добавить сценарии, чтобы справиться с этим?
 George Reith14 мая 2012 г., 15:15
Это установило бы переполнение дочернего элемента, а не изменило бы переполнение родительского элемента по отношению к нему. Конкретный код будет усложнять вопрос, мне просто нужно знать теорию.
 George Reith14 мая 2012 г., 15:23
это действительно то, что я хотел бы, javascript / jQuery тоже хорошо.
 14 мая 2012 г., 15:19
подожди, я сделал правку, прежде чем увидел твой комментарий, так что это может быть неактуально.
 14 мая 2012 г., 15:32
Правильно, как сказал @christoph, это невозможно. Но вот некоторая пища для размышлений: представьте, что у вашего кода есть внешнийdiv u который содержит родительскийdiv p который содержит 5 детей. Сейчас вu, иметь копию 3 детей, которые выйдут за пределыp расположено соответственно с ихvisibility: hidden, Теперь определите, когда каждый из 3 детей выходит за пределыp и сделать их клон видимым вu.

Ваш ответ на вопрос