---
title: "transparant scroll?"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/82051-transparant-scroll"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "silfver"
published: "2003-07-15T18:03:56.000Z"
updated: "2003-07-17T08:10:41.000Z"
replies: 16
views: 825
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/html-css/82051-transparant-scroll"
---

# transparant scroll?

## #1 — silfver, 2003-07-15T18:03Z

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

Permalänk: https://www.webforum.nu/p/82051

## #2 — cyprys, 2003-07-15T18:05Z

funkar inte det där?

Permalänk: https://www.webforum.nu/p/1112789

## #3 — Choronzon, 2003-07-15T18:07Z

```
  
  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;
}
```

Permalänk: https://www.webforum.nu/p/1112791

## #4 — silfver, 2003-07-15T18:07Z

Mitt förslag funkar inte.

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

Permalänk: https://www.webforum.nu/p/1112792

## #5 — Choronzon, 2003-07-15T18:10Z

ok, trodde scrollen skulle bort bara..

Permalänk: https://www.webforum.nu/p/1112796

## #6 — silfver, 2003-07-15T18:12Z

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

Permalänk: https://www.webforum.nu/p/1112797

## #7 — Choronzon, 2003-07-15T18:16Z

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

Permalänk: https://www.webforum.nu/p/1112801

## #8 — silfver, 2003-07-15T18:22Z

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å!

Permalänk: https://www.webforum.nu/p/1112804

## #9 — Choronzon, 2003-07-15T18:24Z

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..:)

Permalänk: https://www.webforum.nu/p/1112805

## #10 — jarvklo, 2003-07-16T11:53Z

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>

Permalänk: https://www.webforum.nu/p/1113206

## #11 — silfver, 2003-07-16T16:50Z

**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

Permalänk: https://www.webforum.nu/p/1113348

## #12 — jarvklo, 2003-07-16T22:35Z

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](http://www.webforum.nu/showthread.php?s=&threadid=79146) 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>

Permalänk: https://www.webforum.nu/p/1113497

## #13 — Choronzon, 2003-07-16T23:19Z

> **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..

Permalänk: https://www.webforum.nu/p/1113522

## #14 — silfver, 2003-07-17T04:42Z

> **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](http://www.webforum.nu/showthread.php?s=&threadid=79146) 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

Permalänk: https://www.webforum.nu/p/1113545

## #15 — jarvklo, 2003-07-17T06:04Z

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>

Permalänk: https://www.webforum.nu/p/1113548

## #16 — silfver, 2003-07-17T06:29Z

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

Permalänk: https://www.webforum.nu/p/1113552

## #17 — silfver, 2003-07-17T08:10Z

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

Permalänk: https://www.webforum.nu/p/1113582

---

Tråden på webben: https://www.webforum.nu/amne/html-css/82051-transparant-scroll