Div weergeven buiten div met overflow: hidden;

Hey,

Ik heb een pseudo code van wat ik nu heb:

Edit: heb de bovenste overflow: hidden; weggelaten, hier gaat nu wel erbuiten, maar de tekst ook...

<div style="position: relative;">

  <div style="overflow: hidden; border: 1px #000 solid;">

    <div style="position: absolute">

      <div class="icons" style="position: absolute;">Hier icons</div>
      Hier tekst

    </div>

  </div>

</div>

Ik wil dat de icons ook buiten de overflow: hidden zichtbaar blijven, dus buiten de border.

Ik heb al vanalles geprobeerd met position: absolute etc, maar het wil niet lukken..

Alvast bedankt,
Milan

voeg aan je icoons z-index: 100; ofzo eens toe?
toevoeging op 5 december 2012, 18:22:28:
zo dus:

<div style="position: relative;">

  <div style="overflow: hidden; border: 1px #000 solid;">

    <div style="position: absolute">

      <div class="icons" style="position: absolute;z-index: 100;">Hier icons</div>
      Hier tekst

    </div>

  </div>

</div>

Jvdw schreef:

voeg aan je icoons z-index: 100; ofzo eens toe?

toevoeging op 5 december 2012, 18:22:28:
zo dus:

<div style="position: relative;">

  <div style="overflow: hidden; border: 1px #000 solid;">

    <div style="position: absolute">

      <div class="icons" style="position: absolute;z-index: 100;">Hier icons</div>
      Hier tekst

    </div>

  </div>

</div>

Hmmn, denk niet dat zal werken.
Je geeft in je CSS aan dat alles wat binnen de parent-div zit niet zichtbaar is.
Via z-index kan je gewoon aangeven of hij onder/boven een bepaald element moet komen.

Robbeing schreef:

Eerdere citaten tonen

Jvdw schreef:

voeg aan je icoons z-index: 100; ofzo eens toe?

toevoeging op 5 december 2012, 18:22:28:
zo dus:

<div style="position: relative;">

  <div style="overflow: hidden; border: 1px #000 solid;">

    <div style="position: absolute">

      <div class="icons" style="position: absolute;z-index: 100;">Hier icons</div>
      Hier tekst

    </div>

  </div>

</div>

Hmmn, denk niet dat zal werken.
Je geeft in je CSS aan dat alles wat binnen de parent-div zit niet zichtbaar is.
Via z-index kan je gewoon aangeven of hij onder/boven een bepaald element moet komen.

ikweet niet of het gaat werken, daarom zeg ik test het eens

Is er een rede waarom de div binnen in de div met overflow:hidden; zit?
Aangezien je absolute gebruikt kan je hem er ook buiten zetten en met wat margins goed neerzetten

Ik heb voor een site wat gebruikersvriendelijk moet zijn een sleepeditor gemaakt. Nu wil ik dat als ze iets erbuiten slepen de tekst niet zichtbaar word, maar de icons wel zichtbaar blijven.

Misschien is een afbeelding of online voorbeeld handig want ik snap niet precies hoe je dit nu bedoelt

Milan schreef:

Ik heb voor een site wat gebruikersvriendelijk moet zijn een sleepeditor gemaakt. Nu wil ik dat als ze iets erbuiten slepen de tekst niet zichtbaar word, maar de icons wel zichtbaar blijven.

Z index al geprobeerd?

Jep

heb je ff een afbeelding van hoe je het wilt

Milan schreef:

Ik heb voor een site wat gebruikersvriendelijk moet zijn een sleepeditor gemaakt. Nu wil ik dat als ze iets erbuiten slepen de tekst niet zichtbaar word, maar de icons wel zichtbaar blijven.

Hmmn, als je nu bv de body van die pagina:
z-index: 100 geeft.

De container div: z-index: 101;

En check je met js, wanneer de div buiten de container komt krijgt die z-index: 99

Weet niet zeker, maar volgensmij moet dat werken

Maar dan wordt alles onzichtbaar.

Kijk ik wil het zo:

Hmmn, probeer eens je container div met postion: relative te plaatsen.

Vervolgens geef je het sleepbare item z-index: 1 of 5 of 10 ...
Zorg gewoon datje buttons bv dan z-index: 2 of 6 of 11 krijgen ?

Welke container div? Die van de verplaatsbare tekst of van de site?

Milan schreef:

Welke container div? Die van de verplaatsbare tekst of van de site?

De container div waarin je verplaatsbare elementen staan.

Die div geef je een relatieve positie, en een overflow-hidden. En de rest zoals boven je post vermeld