CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg
Cookie ikon
Avatar billede saxo Nybegynder
23. oktober 2001 - 08:59 Der er 10 kommentarer og
1 løsning

Fixed image i html, dhtml eller javascript?

Jeg ved man kan gøre et baggrundsbillede fixed, men er det også muligt at positionere et billede og låse det, så det ikke scroller med, men bliver stående det samme sted i browser-vinuet hele tiden?
Avatar billede isl19960 Nybegynder
23. oktober 2001 - 09:03 #1
Du skal bruge følgende CSS kode

BODY { background-attachment: fixed }
Avatar billede isl19960 Nybegynder
23. oktober 2001 - 09:04 #2
<style type=\"text/css\">
  BODY { background-attachment: fixed }
</style>

For at være helt præcis... :)
Avatar billede Tony Juniormester
23. oktober 2001 - 09:05 #3
<head>
<style type=\"text/css\">
<!--
body {
background-image: url(dit_billede.jpg);
background-repeat:no-repeat;
background-position: center center;
}
//-->
</style>
</head>
Avatar billede saxo Nybegynder
23. oktober 2001 - 09:07 #4
Jeg har udtrykt mig uklart.

Det skal IKKE være et baggrundsbillede, men et \'forgrundsbillede\' (html-kode eks.: <img src=\"xxx.jpg\"> ) Kan det gøres fixed?
Avatar billede isl19960 Nybegynder
23. oktober 2001 - 09:13 #5
<style type=\"text/css\">
#boks1 {
    position:absolute;
    top:100px;
    left:100px;
}
</style>
Avatar billede isl19960 Nybegynder
23. oktober 2001 - 09:17 #6
Det var vist noget pjat jeg fik fyret af der... :)
Avatar billede roenving Novice
23. oktober 2001 - 11:09 #7
Så skal du lægge det ind i en layer, som du positionerer absolut:

<div style=\"position:absolute;top:55;left:55\"><img src=\"xxx.jpg\"></div>

hth
jes
Avatar billede saxo Nybegynder
23. oktober 2001 - 11:34 #8
Medmindre jeg har lavet layer\'et forkert bevæger billedet sig stadigvæk.
Avatar billede jacobve Nybegynder
24. oktober 2001 - 00:28 #9
ja, det roenving har skrevet vil blive placeret 55,55 første gang siden hentes, derefter vil det flytte sig, når du fx scroller
Avatar billede jumper Nybegynder
25. oktober 2001 - 15:32 #10
Positioner billedet absolut og tilret dens TOP position i onscroll event\'en. Der er en pæn artikel om emnet på

http://www.webreference.com/dhtml/column37/

/Thor
Avatar billede saxo Nybegynder
26. oktober 2001 - 08:15 #11
Tak Thor.

Det var lige, hvad jeg havde brug for!

/Saxo
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
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel Indlæg Oprettet Seneste aktivitet
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML 3 19/03/202522:16 20/03/202513:04
Se og ændre html på en webside Af magger i HTML 4 11/03/202513:55 12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML 5 02/03/202520:05 04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML 3 30/10/202409:37 01/01/202515:27
Aldersbegrænsning på min hjemmeside Af ØLMANDEN i HTML 3 29/09/202410:58 20/03/202513:38
Se alle spørgsmål i kategorien Opret spørgsmål

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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester



Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
3 min siden Audials one 2025UniGetUI (AI) Af valby i Andet software
28/0717:55 Omregning af tider Af Peder Lund Nielsen i Excel
28/0710:05 opret genvej Windows 11 Af lbc i Windows
27/0712:53 Google chrome på windows 10 ? Af nu_igen i Browsere
26/0714:39 Gendanne slettede vedhæftede filer i Outlook Af degnens i E-mail programmer
White papers
Flere white papers »


Premium
Teaser billede
Årets største cybersikkerhedshandel er lige på trapperne: Vil kaste 129 milliarder kroner efter IAM-specialist
Læs mere »
Kaprer hele infrastrukturen på få timer: Sådan snyder berygtet hackergruppe sig til total adgang
Nets løfter sløret: Derfor eskalerede kæmpe betalingsnedbrud 19. juli så hurtigt
Københavns Kommune vil købe it-konsulenter for 141 millioner kroner: Se her, hvad de skal bruges til
Se alle »
Computerworld
Teaser billede
Guide og test: Sådan får du fuld WiFi 7-dækning af et lille firma eller et større hus - både inde og ude
Læs mere »
Nørgaard: Nets fik igen problemer med sin Single-Point-Of-Failure IT-strategi - og ingen er overraskede. Som i overhovedet ikke.
Microsoft dropper support af M365-programmer, der er installeret gennem Microsoft Store: Se om din version bliver forældet
MobilePay kommer med kras kritik af Nets efter nedbrud: I trækker tiden
Se alle »
CIO
Teaser billede
Microsoft dropper support af M365-programmer, der er installeret gennem Microsoft Store: Se om din version bliver forældet
Læs mere »
Jonas Frank Johannesen fratræder som it-direltør i Velux efter 'konstruktiv dialog' med sin chef
Europæiske cloud-udbydere kræver Broadcoms opkøb af VMware annulleret: Hiver EU-Kommissionen i retten
Er bange for at miste jobbet: 3 af 10 medarbejdere saboterer med vilje ledelsens AI-strategi
Se alle »
Job & Karriere
Teaser billede
Danske it-folk tør ikke længere skifte job hele tiden - og det er der en særlig årsag til
Læs mere »
Itm8 fyrer: Opsiger ansatte og reorganiserer
Lille dansk it-virksomhed fra Vanløse lander drømmekontrakt, der rækker langt ind i stifterens pension
Larry Ellison er blevet 165 milliarder kroner rigere på få timer: Er nu pludselig verdens næstrigeste mand
Se alle »
White paper
Teaser billede
Få reel viden om datasuverænitet og tag selv kontrollen
Læs mere »
Cybersikkerhed 2025: Er din branche blandt de mest udsatte?
Sådan automatiserer du vagtplanlægningen med AI
Undgå at printeren bliver svageste led i sikkerheden
Se alle »

Events
Flere events »
White papers
Flere white papers »
IT-Kurser
Se alle vores it-kurser »