Toon posts:

[asp.net/ajax]Panel met position fixed niet 'weg te krijgen'

Pagina: 1
Acties:

Onderwerpen


Acties:
  • 0Henk 'm!

  • Swerfer
  • Registratie: Mei 2003
  • Laatst online: 22:13
Beetje vreemde titel maar...

Ik heb een updatepanel waar ik thumbnails laat zien. Als je op een thumbnail klikt, dan komt er een panel met een hogere z-index naar boven door visible=true te zetten.

Tot zover geen probleem.

Als je nu op de grote foto klikt, dan verdwijnt de foto door de panel visible=false mee te geven, maar de panel blijft verder wel in beeld.

De panel heeft een Fixed position, zodat de scrollposition van de panel met thumbnails behouden blijft.

Als ik de panel een absolute of relative position meegeef, dan verdwijnt de panel wel volledig, alleen staat de panel dan op de verkeerde plek.

Hier het voorbeeld:
edit:
niet meer nodig


(Vink Vruchten aan en het vinkje bij de kleur groen om genoeg thumbnails te krijgen...)

Ik heb al het een en ander geprobeerd, zoals de z-index aanpassen na het klikken op de vergrote foto of de position op relative zetten, maar ook dan blijft het probleem bestaan.

Ik heb de panel wat transparantie gegeven, zodat het een en ander duidelijker is met wat er gebeurt.

edit:

Als ik de backgroundcolor op none zet, dan is het probleem weg. Maar die backgroundcolor heb ik nodig...

Als ik niet via style de background-color set, maar via de backcolor attribute van een panel, en deze op transparent zet na de klik op de foto, ook dan blijft de panel zichtbaar.

[Voor 34% gewijzigd door Swerfer op 10-07-2011 13:59]

Crypto.com


Acties:
  • 0Henk 'm!

  • Swerfer
  • Registratie: Mei 2003
  • Laatst online: 22:13
Opgelost.

Ik had de grote foto en de teksten ed. programmatisch toegevoegd aan de panel. Die heb ik nu standaard aan de panel toegekend, in plaats van on the fly, en nu werkt alles naar behoren.

Crypto.com



Tweakers maakt gebruik van cookies

Tweakers plaatst functionele en analytische cookies voor het functioneren van de website en het verbeteren van de website-ervaring. Deze cookies zijn noodzakelijk. Om op Tweakers relevantere advertenties te tonen en om ingesloten content van derden te tonen (bijvoorbeeld video's), vragen we je toestemming. Via ingesloten content kunnen derde partijen diensten leveren en verbeteren, bezoekersstatistieken bijhouden, gepersonaliseerde content tonen, gerichte advertenties tonen en gebruikersprofielen opbouwen. Hiervoor worden apparaatgegevens, IP-adres, geolocatie en surfgedrag vastgelegd.

Meer informatie vind je in ons cookiebeleid.

Sluiten

Toestemming beheren

Hieronder kun je per doeleinde of partij toestemming geven of intrekken. Meer informatie vind je in ons cookiebeleid.

Functioneel en analytisch

Deze cookies zijn noodzakelijk voor het functioneren van de website en het verbeteren van de website-ervaring. Klik op het informatie-icoon voor meer informatie. Meer details

janee

    Relevantere advertenties

    Dit beperkt het aantal keer dat dezelfde advertentie getoond wordt (frequency capping) en maakt het mogelijk om binnen Tweakers contextuele advertenties te tonen op basis van pagina's die je hebt bezocht. Meer details

    Tweakers genereert een willekeurige unieke code als identifier. Deze data wordt niet gedeeld met adverteerders of andere derde partijen en je kunt niet buiten Tweakers gevolgd worden. Indien je bent ingelogd, wordt deze identifier gekoppeld aan je account. Indien je niet bent ingelogd, wordt deze identifier gekoppeld aan je sessie die maximaal 4 maanden actief blijft. Je kunt deze toestemming te allen tijde intrekken.

    Ingesloten content van derden

    Deze cookies kunnen door derde partijen geplaatst worden via ingesloten content. Klik op het informatie-icoon voor meer informatie over de verwerkingsdoeleinden. Meer details

    janee