Avatar billede dennisbjorn Juniormester
13. april 2010 - 10:08 Der er 5 kommentarer og
1 løsning

Problem med Z-index

På en side har jeg et billede, og ovenpå billedet har jeg et lag med tekster vha. Z-index.
Problemet er, når brugerne zoomer browservinduet så det enten er større eller mindre end 100% (funktionen nederst til højre IE), så forskyder teksterne nedad, så de ikke længere har den korrekte position i forhold til billedet.

Nogle forslag til hvordan det kan undgås?
Avatar billede Slettet bruger
13. april 2010 - 18:44 #1
Hej Dennis

Det problem lyder ikke til at dreje sig om z-index.

z-index har kun én funktion: At placere elementer i forhold til hinanden i dybden. Hvis en blok skal ligge ovenpå et billede, så skal den blot have en større z-index-værdi.

Det lyder mere som om, at dette problem drejer sig om forkert positionering.
Og desuden: Er det korrekt forstået, at teksterne forskydes nedad, ligemeget om der zoomes ind eller ud?

Det vil være en del nemmere med et link til problemet.

  // Steeven
Avatar billede dennisbjorn Juniormester
14. april 2010 - 10:47 #2
Hejsa,

Ja - teksterne forskydes nedad, ligemeget om der zoomes ind eller ud. Kan desværre ikke give dig link, da den ligger på Intranet.

Her er uddrag af min kode:
<!--start på tabel-->
<table width="949px" height="511px" border="0" cellspacing="0" cellpadding="0" align="center">
  <tr align="center"> 
    <td colspan="2" align"center">

<!--billede-->
<img src="/qms/qmsdk/gif/mainprocess.png" alt="" width="949px" height="511px" border="0">
     
<!--tekster med links oven på billede--> 
<a href="<%=ManagementReviewLink%>" alt="<%=ManagementReviewAlt%>"><div style="z-index:1; position: relative; left: -108px; top: -508px; width: 110px; cursor:pointer;cursor:hand;" align="center"><small><%=ejer(149)%></small><br><br><b><%=navn(149)%></b></div></a>

<a href="<%=StrategyLink%>" alt="<%=StrategyAlt%>"><div style="z-index:1; position: relative; left: 0px; top: -563px; width: 110px; cursor:pointer;cursor:hand;" align="center"><small><%=ejer(150)%></small><br><br><b><%=navn(150)%></b></div></a>
Avatar billede olebole Juniormester
14. april 2010 - 12:41 #3
<ole>

Jamen, du lægger jo selv elementet, hvor du ønsker - med left og top. Dér ligger elementet - og giver det naturligvis problemer, når der zoomes  =)

/mvh
</bole>
Avatar billede dennisbjorn Juniormester
19. april 2010 - 09:12 #4
Ok - er der nogle der har løsningsforslag til hvordan det så kan laves?

Fra en db henter jeg nogle tekster, som jeg ønsker at placere på nogle specifikke positioner ovenpå et baggrundsbillede.
Problemet med det nuværende er, at tekster ikke altid følger billedet når der zoomes. Faktisk virker det ok når browser f.eks. er zoomet med 125% men eksempelvis ikke ved 105% zoom.
Avatar billede olebole Juniormester
19. april 2010 - 09:34 #5
Det er lidt vanskeligt at komme med løsninger på et problem, man ikke kan se. Prøv at lægge et link til siden  =)
Avatar billede dennisbjorn Juniormester
29. juni 2010 - 17:50 #6
lukker..
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester