webForumDet fria alternativet

bild, alltid fast överst i övre högra hörnet

JavaScript

3 svar · 382 visningar · startad av adnoctum

Medlem sedan jan. 200438 inlägg
Frågan#1

Hejsan!

Jag är inte så bra på DHTML, men jag har försökt komma på hur man kan göra för att ha en bild i ett lager, som alltid ligger fast i det övre högra hörnet.

Jag vill att den ligger överst, så att texten när man scrollar kommer under bilden... och, jag vill inte ha texten i lager, bara bilden.

Går detta ?

Medlem sedan dec. 20042 245 inlägg
#2
img#foo { position:fixed; top:0; right:0; }

...och sen nån workaround för IE. :)

Medlem sedan jan. 200438 inlägg
#3

Jag har kollat en del på det här, provade att göra som visas här.

Det verkar funka, men......

Jag skrev fel i mitt tidigare meddelande, bilden skall vara högst upp i det vänstra hörnet. :) Och, sidan har frames...

Jag har nu fått det att funka, så att texten går under bilden högst upp i det vänstra hörnet, men nu så finns ingen scroller på sidan, man måste klicka i "framen" och scrolla med scrollern på musen.

Denna kod har jag använt som css...

<STYLE type=text/css>

DIV.fixed {
POSITION: fixed; TOP: 0px; HEIGHT: 0px;
}

</STYLE>
<!--[if lte IE 6]>
<STYLE type=text/css>

HTML {
OVERFLOW: hidden; HEIGHT: 100%
}
BODY {
OVERFLOW: auto; HEIGHT: 100%
}
DIV.fixed {
POSITION: absolute;attachment: fixed;
}
</STYLE>
<![endif]-->

Och bilden...

<DIV class=fixed><img src="corner.gif" width="93" height="130"> </DIV>

Jag vill altså ha denna funktion, men jag vill ha kvar min scroller inom mitt frameset. Går det ?

Medlem sedan dec. 20042 245 inlägg
#4

Om du har IE i quirks mode kan du använda:

html { background:url(/dummy.png); }
img#foo { position:absolute; left:0; top:expression(eval(document.body.scrollTop)); }

Bakgrundsbilden är bara där för att det inte ska "hacka" när man skrollar. Om du redan har en bakgrundsbild så funkar den lika bra, men det måste vara nån bild. :)

267 ms totalt · 4 externa anrop · v20260731065814-full.a51de22e
123 ms — deklarationer (db)
0 ms — hämta statistik (cache)
132 ms — hämta tråd, inlägg och bilagor (db)
132 ms — ändringar (db)