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
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 2 29/09/202410:58 30/09/202412:04
Bredde på div elementer Af dane022 i HTML 2 16/02/202408:29 20/02/202412:50
Hvilken mindste mobilstørrelse til hjemmeside Af CSharpRazor i HTML 2 21/12/202322:51 22/12/202308:03
validering <input tlfnr. Af slein55 i HTML 5 15/10/202311:43 15/10/202314:51
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
I dag 07:18 Driver Af Kenni i Andet software
I går 22:51 Android starter - og så sker der ikke mere Af kurtba i Android
I går 19:42 Valg af bærbar pc - MIL-STD certificeringer, vigtigt? Af Don G i PC
I går 19:11 Kombinere tekst og tal Af 1Dorte i Excel
I går 13:26 Monetoad.com redirects Af ractic i Browsere
White papers
Flere white papers »


Premium
Teaser billede
Bør du som CIO overveje exitplan fra de amerikanske cloud-leverandører efter Trump? Vi spørger Henning Mortensen
Læs mere »
Ateas nye Group CIO, Sara Amini, får 300 it-folk under sin kommando: Sætter nu gang i kæmpe it-transformation
Så meget vil nye cybersikkerheds-regler i energisektoren koste de danske virksomheder
App-udviklere går en hård tid i møde: Hele industrien står overfor store forandringer
Se alle »
Computerworld
Teaser billede
Webshop advarer: Dine kortoplysninger kan være stjålet
Læs mere »
Deepseek sender dine data direkte til Kina - disse oplysninger bliver indsamlet om dig
Lancering af nyt Apple-produkt rykker nærmere – kan blive årets største nyhed
Test: På vinter-langtur med den ultimative el-VW
Se alle »
CIO
Teaser billede
Sådan kom russiske hackere ind i lille vandværk i Tureby: “Det nytter ikke at forsøge at skjule noget,” siger formanden
Læs mere »
Efter Trump: Du bør som CIO få kigget på en exitplan for dine cloud-aftaler med amerikanske tech-kæmper
Her er fem europæiske alternativer til Microsoft 365
Her er årsagen til fyringer i Rigspolitiets it-afdeling: Disse projekter har trukket benene væk under økonomien
Se alle »
Job & Karriere
Teaser billede
Merete Søby klar med nyt top-job efter pludselig exit fra Schultz: Her er hendes nye job
Læs mere »
40 år gammelt dansk it-selskab fusionerer med hollandsk firma og skifter navn
Her er deres månedsløn: Så meget tjener CIO'erne i de danske regioner - den bedst lønnede får mere end digitaliseringsministeren
Dansk headhunter: Dette spørgsmål bliver jeg næsten altid stillet, når jeg forsøger at rekruttere it-folk
Se alle »
White paper
Teaser billede
Sådan: Opgradér din printerløsning uden store investeringer
Læs mere »
Sæt professionel døgnvagt på din it-infrastruktur
Sikkerhed gjort enkelt: Beskyt din virksomhed direkte i browseren
SAP: Skab værdi og minimér omkostninger med effektiv dokumenthåndtering
Se alle »

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