Søg
Avatar billede hjaelp Nybegynder
17. juni 2001 - 15:08 Der er 24 kommentarer og
1 løsning

Gennemsigtig baggrund med iframe

Hej med Jer.
Jeg har en side med et stort baggrundsbillede, og på denne side skal jeg, have noget tekst ind i nogle forskellige iframes.
Problemet er, at man ikke kan se baggrundbilledet for den grå farve, iframe-sourcen åbenbart har som default. Hvordan gør jeg dette lag gennemsigtigt?
Avatar billede spang Nybegynder
17. juni 2001 - 15:11 #1
Har du prøvet med style=\"background-color:transparent\" ?

\\spang
Avatar billede hjaelp Nybegynder
17. juni 2001 - 15:19 #2
Nej det har jeg ikke. Jeg har først lige \"opdaget\" iframes, så jeg ved ikke så meget om det. Kan du give en kort forklaring.
Hvor indsættes \'style=\"background-color:transparent\"\'?
Avatar billede hjaelp Nybegynder
17. juni 2001 - 15:24 #3
Det eneste jeg har er:
<iframe width=\"460\" height=\"140\"         marginwidth=\"0\" marginheight=\"0\"             frameborder=\"0\" scrolling=\"auto\">src=\"Tekst.htm\">
</iframe>
Avatar billede spang Nybegynder
17. juni 2001 - 15:37 #4
Hmmm...
Jeg ville have, at du skulle have indsat det således:

<iframe style=\"...\">

Men det virker åbenbart ikke.

Jeg har ikke selv leget med iframes, så det var desværre kun et bud på en løsning. Sorry.

\\spang
Avatar billede hjaelp Nybegynder
17. juni 2001 - 17:00 #5
Nu gik det da helt galt.
Jeg indsatte \"BACKGROUND-COLOR:transparent;\" i mit stylesheet og så blev baggrunden hvid istedet for grå. Hvorfor gjorde den det???
Avatar billede krogstrup Nybegynder
17. juni 2001 - 17:52 #6
Du kan ikke sætte baggrunden til gennemsigtig i en IFRAME - det kan desværre ikke lade sig gøre!
Avatar billede hjaelp Nybegynder
17. juni 2001 - 17:59 #7
>>krogstrup.
Tak, har du så nogle forslag til, hvad jeg så kan gøre?
Avatar billede krogstrup Nybegynder
17. juni 2001 - 18:21 #8
Det kommer meget an på hvordan du bruger dine IFRAME´s - kan du ikke smide et link, så jeg kan se din side?
Avatar billede engrob Nybegynder
17. juni 2001 - 19:45 #9
Prøv med allowtransparency=\"true\"
Det virker kun i ie5.5
Avatar billede jensgram Nybegynder
17. juni 2001 - 19:59 #10
engrob >> hvor skriver man det - i tag\'et oder?
Avatar billede engrob Nybegynder
17. juni 2001 - 20:59 #11
Yeps, i tag\'et
Avatar billede callesen Praktikant
17. juni 2001 - 23:26 #12
I stedet for IFRAME kan du definere nogle bokse hvis baggrund kan laves transparente:
i <HEAD>
<STYLE TYPE=\"text/css\">
BODY {
    background-image:url(ditbaggrundsbillede.gif);
}
.T_1 {
    z-index:8;
    width:600px;
    top:40px;
    position:absolute;
    left:200px;
    height:60px;
    max-height:60px;
    background-color:transparent;
    border-width:1px;
    border-left-width:1px;
    border-bottom-width:1px;
    border-right-width:1px;
    border-top-width:1px;
    border-style:solid;
    border-color:#000000;
    border:inset #000000 1px;
    padding:0px;
   
}
.T_2 {
    z-index:2;
    width:315px;
    top:90px;
    position:absolute;
    left:358px;
    height:30px;
    background-color:transparent;
    border-width:1px;
    border-left-width:0px;
    border-bottom-width:1px;
    border-right-width:0px;
    border-top-width:0px;
    border-style:solid;
    border-color:#000000;
    padding:10px;
   
}
</STYLE>
</HEAD>
Så i:
<BODY>
<span CLASS=\"T_1\">Her noget tekst</span>
<SPAN CLASS=\"T_2\">også noget tekst</SPAN>

Her lidt rigelig kode - men så kan du indstille boksenes udseende og margen etc.. - og så virker det i NS
Avatar billede hjaelp Nybegynder
18. juni 2001 - 09:55 #13
Hermed et link til en side der viser layoutet.

http://www.netby.dk/Nord/Kaal/111/

Det rigtige layout er endnu ikke færdigt, så dette er hvad jeg arbejder ud fra.
Det skal være muligt at scrolle i begge tekstfelter.
Avatar billede hjaelp Nybegynder
18. juni 2001 - 11:48 #14
Callesen.
Den ignorerer højden på boksen, hvis der er mere tekst end der kan være. Det var menigen, at den skulle scrolle, hvis der var mere tekst end der kan være.
Avatar billede hjaelp Nybegynder
18. juni 2001 - 11:49 #15
Engrob:
Det skal virke både NS og IE, så desværre
Avatar billede jensgram Nybegynder
18. juni 2001 - 12:17 #16
prøve style=\"overlow:auto;\", så kommer der scrollbars, hvis nødvendigt
Avatar billede callesen Praktikant
18. juni 2001 - 13:19 #17
Som mr noname skriver - du kan også sætte det i hver boksselektor: overflow:auto; så kommer der scrollbar hvis nødvendigt eller overflow:scroll; så er de der hele tiden.
Avatar billede hjaelp Nybegynder
18. juni 2001 - 13:24 #18
Callesen.
Jeg fik det til at virke ved hjælp af dit forslag.
Vil du ikke svare, så du kan få dine points?
Avatar billede anjensen1 Novice
18. juni 2001 - 13:31 #19
Hejsa
Du kan opnå en gennemsigtig \'iFrame\' effekt ved at anvende et textArea istedet
Text areas har irriterende scrolknapper men de kan fjernes med \'hidden\'
Altså:
<form><textarea style=\"overflow:hidden;    background-color:transparent;\"></textarea></form>
Placering med position:absolute
Håber det kan bruges
mvh
an.
Avatar billede hjaelp Nybegynder
18. juni 2001 - 13:42 #20
anjensen1.
Tak, men det var ikke lige det jeg ledte efter. Desværre.
Avatar billede engrob Nybegynder
18. juni 2001 - 15:27 #21
Du kan ikke lave en transparent iframe i ns.
Avatar billede s_raagaard Nybegynder
18. juni 2001 - 23:05 #22
Prøv her:

http://www.webreference.com/js/tips/001012.html

eller hvad med dette:

http://www.idebanken.dk/eksperten/scroll_layer.html

/søren
Avatar billede sukos Juniormester
19. juni 2001 - 07:20 #23
Kan man bruge baggrundsbilleder i en iframe?
I så fald kan du f.eks lave en halvgennemsigtig gif, og bruge det som baggrund.
Derved får du mulighed for se \"body-baggrunden\"
Avatar billede hjaelp Nybegynder
19. juni 2001 - 09:32 #24
Som skrevet længere oppe, har jeg brugt Callesen\'s forslag. Men tak til s raagaard og sukos.
Derfor lukker jeg nu spørgsmålet og opretter et nyt med points til Callesen.
Hjaelp
Avatar billede callesen Praktikant
20. juni 2001 - 09:07 #25
Undskyld min tavshed - har været bortrejst. Godt at du kunne bruge forslaget.
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
Hjælp med HTML og CSS Af Nojsa i HTML 18 10/09/202515:07 17/09/202515:11
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
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 går 16:25 En "Gammel" & "Retro" PC Service ? Husker ikke navnet .... Af Ikke-ekspert i Diverse
I går 16:17 Jeg har lige købt en Samsung mobil telefon Af Strawberry i Mobiltelefoner
I går 13:20 Lotus Approach Af Carsten i Andet software
15/1015:34 Epson scanner forbinder ikke til computer Af bbkdk i Printere
11/1013:35 Bruger på Win11 Af lurup i Browsere
White papers
Flere white papers »