webForumDet fria alternativet

transparant scroll?

HTML & CSS

16 svar · 814 visningar · startad av silfver

Medlem sedan apr. 200312 679 inlägg
Frågan#1

Hejsan.

Undrar om man på något sätt kan få scrollen transparant med hjälp av liknande kod:

body {
scrollbar-face-color: #D6DFE6;
scrollbar-highlight-color: #FFFFFF;
scrollbar-shadow-color: #D6DFE6;
scrollbar-3dlight-color: #A1B5C4;
scrollbar-arrow-color: #768FA2;
scrollbar-track-color: #FFFFFF;
scrollbar-darkshadow-color: #A1B5C4;
}

typ:

body {
scrollbar-face-color: transparent;
scrollbar-highlight-color: #FFFFFF;
scrollbar-shadow-color: #D6DFE6;
scrollbar-3dlight-color: #A1B5C4;
scrollbar-arrow-color: #768FA2;
scrollbar-track-color: #FFFFFF;
scrollbar-darkshadow-color: #A1B5C4;
}

mvh

Medlem sedan dec. 20003 563 inlägg
#2

funkar inte det där?

Medlem sedan aug. 20011 346 inlägg
#3
  
  background-color: #ffffff;
  scrollbar-base-color:#ffffff;
  scrollbar-track-color:#ffffff;
  scrollbar-3dlight-color:#ffffff;
  scrollbar-darkshadow-color:#ffffff;
  scrollbar-arrow-color:#ffffff;
  scrollbar-shadow-color:#ffffff;
  scrollbar-base-color:#ffffff;
  scrollbar-highlight-color:#ffffff;
}
Medlem sedan apr. 200312 679 inlägg
#4

Mitt förslag funkar inte.

Choronzon
Öh? edit: Har en bild som bakgrund. Går inte använda vit då. Vill ha transparant.

Medlem sedan aug. 20011 346 inlägg
#5

ok, trodde scrollen skulle bort bara..

Medlem sedan apr. 200312 679 inlägg
#6

Men då hade jag nog klurat ut det själv ska du se.

Medlem sedan aug. 20011 346 inlägg
#7

så bra då;), men det hade inte funkat med din kod i alla fall..

Medlem sedan apr. 200312 679 inlägg
#8

Nej jag vet att min kod inte fungerar, därför jag frågar här.
Frågade inte efter sneskrivna svar. Men tack ändå!

Medlem sedan aug. 20011 346 inlägg
#9

Haha, vaknat på fel sida eller? Jag läste väl fel, ok? Inget att bli upprörd över, dessutom framgick det inte i din fråga hur kunnig du är..:)

Medlem sedan juli 20013 378 inlägg
#10

Hmm...

Antar att du kan lösa det med en 100% hög och bred <iframe> om inte annat, även om det kanske egentligen inte alls är det du är ute efter ;)

I en <iframe> har du nämligen det MSIE-specifika attributet allowtransparency att meka med - men enligt MSDN, http://msdn.microsoft.com/library/default.asp?url=/workshop/author/dhtml/reference/properties/allowtransparency.asp , så funkar detta bara på <iframe> och <frame>-taggar, dock med följd att även scrollbar:en blir genomskinlig i MSIE om du "stilar den rätt"...

*Det* ämnet diskuterades i http://www.webforum.nu/showthread.php?s=&threadid=79146

och här är ett exempel från den diskussionen: http://member.webforum.nu/2241/iframetest.html

Medlem sedan apr. 200312 679 inlägg
#11

jarvklo
Jag vill ha precis så som http://hem.passagen.se/farmor10/OGC/OGC/start.htm har gjort det. Om du tar dig en titt på "medlemmar".

Förstår inget på länkarna du gav mig.

mvh

Medlem sedan juli 20013 378 inlägg
#12

Ok.
Det är kanske lite många detaljer om man inte klurat med det förr...
Och eftersom det var just Farmor som fick hjälp med detta i tråden jag refererade till så är detta inte någon "reverse engineering" eller "kodknäckning" av hans sida heller, utan bara en liten annan vinkling av exemplet som verkar ha hjälpt honom att "få till det" ;)

Hursomhelst - Här kommer en sammanfattning ;)

För MSIE kan du alltså ställa in en iframe så att den skall tillåta transparens.
Detta gör du genom att lägga till allowtransparency="true" på den iframe-tagg du vill använda för att inkludera en viss fil.

<html>
<head>
<title>Test</title>
<style type="text/css">
<!--
body {
	background-image:url(enbild.jpg);
}
iframe {
height:80%;
width:80%;
}
-->
</style>
</head>
<body>
<iframe src="enwebbsidamedtransparens.html" ALLOWTRANSPARENCY="true" ></iframe>
</body>
</html>

Resten av "tricket" beror på hur MSIE hanterar "opacity"-filter och läggs i "enwebbsidamedtransparens.html" - dvs den sidan du laddar in i den iframe som nu tillåter transparens...
(opacity hanterar graden av "genomskinlighet" för en sida, och det visar sig att detta även påverkar scrollbarens "genomskinlighet").

<html>
<head>
<title>En testsida med transparens</title>
<style type="text/css">
<!--
body
{
background-color:white;
color:black;
filter:Alpha(Opacity=60);
}
-->
</style>
</head>
<body>
<p>Kolla in! jag är lite genomskinlig!</p>
[...*många flera så att man får "scroll"*...]
<p>Kolla in! jag är lite genomskinlig!</p>
</body>
</html>

Provkör exemplet: http://member.webforum.nu/2241/transparentiframe.html
och filen som laddas in finns på
http://member.webforum.nu/2241/enwebbsidamedtransparens.html

Medlem sedan aug. 20011 346 inlägg
#13

silfver skrev:

jarvklo
Jag vill ha precis så som http://hem.passagen.se/farmor10/OGC/OGC/start.htm har gjort det. Om du tar dig en titt på "medlemmar".

Förstår inget på länkarna du gav mig.

mvh

Oj, den sidan såg inte rolig ut i NS7..

Medlem sedan apr. 200312 679 inlägg
#14

jarvklo skrev:

Ok.
Det är kanske lite många detaljer om man inte klurat med det förr...
Och eftersom det var just Farmor som fick hjälp med detta i tråden jag refererade till så är detta inte någon "reverse engineering" eller "kodknäckning" av hans sida heller, utan bara en liten annan vinkling av exemplet som verkar ha hjälpt honom att "få till det" ;)

Hursomhelst - Här kommer en sammanfattning ;)

För MSIE kan du alltså ställa in en iframe så att den skall tillåta transparens.
Detta gör du genom att lägga till allowtransparency="true" på den iframe-tagg du vill använda för att inkludera en viss fil.

<html>
<head>
<title>Test</title>
<style type="text/css">
<!--
body {
	background-image:url(enbild.jpg);
}
iframe {
height:80%;
width:80%;
}
-->
</style>
</head>
<body>
<iframe src="enwebbsidamedtransparens.html" ALLOWTRANSPARENCY="true" ></iframe>
</body>
</html>

Resten av "tricket" beror på hur MSIE hanterar "opacity"-filter och läggs i "enwebbsidamedtransparens.html" - dvs den sidan du laddar in i den iframe som nu tillåter transparens...
(opacity hanterar graden av "genomskinlighet" för en sida, och det visar sig att detta även påverkar scrollbarens "genomskinlighet").

<html>
<head>
<title>En testsida med transparens</title>
<style type="text/css">
<!--
body
{
background-color:white;
color:black;
filter:Alpha(Opacity=60);
}
-->
</style>
</head>
<body>
<p>Kolla in! jag är lite genomskinlig!</p>
[...*många flera så att man får "scroll"*...]
<p>Kolla in! jag är lite genomskinlig!</p>
</body>
</html>

Provkör exemplet: http://member.webforum.nu/2241/transparentiframe.html
och filen som laddas in finns på
http://member.webforum.nu/2241/enwebbsidamedtransparens.html

Men dom där effekterna gör ju hela sidan transparant. Vill inte ha transparant text, endast scroll. Antar att det inte går?

mvh

Medlem sedan juli 20013 378 inlägg
#15

OK.

Då tolkade jag det du sa om

Jag vill ha precis så som http://hem.passagen.se/farmor10/OGC/OGC/start.htm har gjort det. Om du tar dig en titt på "medlemmar".

lite fel ;)

Hursomhelst:
Sökte lite på Google - och *helt* omöjligt är det inte - i MSIE6 ;)
http://www.la-soldier.net/Graphics/Tutor/transscr.htm

Medlem sedan apr. 200312 679 inlägg
#16

Nu ska vi inte vara elaka :D
Ska testa ditt förslag så snart jag får en rast och lite tid över.
Tacka vet jag fjärrskrivbord :)

mvh

Medlem sedan apr. 200312 679 inlägg
#17

Känns som om jag lyckades ganska bra till slut.
https://www.silfver.se/modell.htm

Lite finjusteringar återstår, men det fixar jag när jag kommer hem.
Tack för länken jarvis ;)

mvh

260 ms totalt · 4 externa anrop · v20260731065814-full.86ec41c2
129 ms — deklarationer (db)
0 ms — hämta statistik (cache)
129 ms — hämta tråd, inlägg och bilagor (db)
127 ms — ändringar (db)