iframe ja css

jeh, päätin sitten vähän yrittää kikkailla. eli sivun johon laitoin iframen (tiedän että sitä ei kaikki vanhemmat selaimet hallitse, mutta tämähän onkin tesmailua).

itse sivulla, jossa iframe on, on taustakuva, jonka tarkoitus olisi pysyä samana (ei siis latailla uudestaan joka kaat dääm linkin painamisen jälkeen). linkit sivulla osoittavat iframeen. nyt tarvisikin saada se alkuperäisen sivun taustakuva näkymään myös iframen ja siinä olevan tekstin takana? eli että iframessa avautuvan sivun tausta olisi transparent.
iframessa avautuvissa sivuissa koitin seuraavia keinoja:
css:ssä
body { background: transparent; }
tai
body { background-color: transparent; }

ja html:ssä

mutta kummassakaan ei näyttänyt toimivan, iframen tausta jää edelleen valkoiseksi.
(vai pitäisikö vaan tehdä kuvankäsittelyohjelmalla transparentti gif-kuva ja laittaa se taustakuvaksi?)

myöskään iframen korkeuden määrittely
height="50"
tai
height="50%"
ei näytä onnistuvan. aina saman korkuinen.

testiselaimina ovat ie 6 ja opera 6.

minun tuurillani tässä on vaan joku pilkkuvirhe, kun on tuijottanut monta tuntia koodia niin on tullu "vauhtisokeus" ;)
mutta ehdotuksia tai korjauksia otetaan vastaan :)
2564
Äänestä

Muut lukivat myös

Vastaukset 2

Vanhimmat

Moikka
Kyllähän tämän saa toimimaan. Eli iframeen avautuvan dokumentin body tagiin laitat seuraavan:STYLE="background-color: transparent".

Sitten dokumenttiin jossa itse iframe on laitat iframe tagiin seuraavan: allowTransparency="true".

Iframen koko tulee määritellä pikseleinä.

Äänestä
  • eli tuo allowTransparency="true" minulta puuttui, tuota body tagin styleähän jo koitin. sitä ei mistään netistä löytämistäni ohjeistuksista löytynytkään.

    luulen että iframe taitaa olla vaan ronkeli mitä sille kooksi syöttää, koska kuitenkin width="80%" vaihtoi leveyden ihan oikein.. mutta minäpä tempailen pikseleiden kanssa, vielä kerran kiitos :)

    Äänestä

Kommentoi aloitusta


Annele kirjoitti:

jeh, päätin sitten vähän yrittää kikkailla. eli sivun johon laitoin iframen (tiedän että sitä ei kaikki vanhemmat selaimet hallitse, mutta tämähän onkin tesmailua).

itse sivulla, jossa iframe on, on taustakuva, jonka tarkoitus olisi pysyä samana (ei siis latailla uudestaan joka kaat dääm linkin painamisen jälkeen). linkit sivulla osoittavat iframeen. nyt tarvisikin saada se alkuperäisen sivun taustakuva näkymään myös iframen ja siinä olevan tekstin takana? eli että iframessa avautuvan sivun tausta olisi transparent.
iframessa avautuvissa sivuissa koitin seuraavia keinoja:
css:ssä
body { background: transparent; }
tai
body { background-color: transparent; }

ja html:ssä

mutta kummassakaan ei näyttänyt toimivan, iframen tausta jää edelleen valkoiseksi.
(vai pitäisikö vaan tehdä kuvankäsittelyohjelmalla transparentti gif-kuva ja laittaa se taustakuvaksi?)

myöskään iframen korkeuden määrittely
height="50"
tai
height="50%"
ei näytä onnistuvan. aina saman korkuinen.

testiselaimina ovat ie 6 ja opera 6.

minun tuurillani tässä on vaan joku pilkkuvirhe, kun on tuijottanut monta tuntia koodia niin on tullu "vauhtisokeus" ;)
mutta ehdotuksia tai korjauksia otetaan vastaan :)

Anonyymi
5000

Ilmoita asiaton sisältö

  • Sisältää materiaalia, joka on loukkaavaa, herjaavaa, rasistista, uhkailevaa tai ahdistelevaa.

  • Materiaali sisältää nimiä, yhteystietoja tai muita henkilökohtaisia tietoja. Julkisuuden henkilöistä, julkisissa viroissa toimivista ihmisistä sekä yritysten vastuuhenkilöistä saa keskustella työhön liittyen. Myös yksityiselämään liittyvistä asioista voi keskustella siltä osin, kuin niistä on julkisesti kerrottu.

  • Sisältää lapsille haitallista tai heiltä kiellettyä materiaalia. Seksuaalinen sisältö on sallittua aiheeseen tarkoitetuilla palstoilla, joiden ikäraja on 18 vuotta.

  • Lainvastaista sisältöä voi olla mm. yksityiselämää loukkaavan tiedon levitys, kiihottaminen kansanryhmää vastaan, laiton uhkaaminen, alaikäisiin liittyvä seksuaalinen sisältö/grooming, petokset, identiteettivarkaudet, kunnianloukkaukset ja tekijänoikeusrikkomukset.

  • Sisältö ei liity palstan tai keskusteluketjun aiheeseen.

  • Viesti ei ole suomea tai ruotsia (pl. International Forums), se sisältää mainontaa, se sisältää tekijänoikeuksin suojattua materiaalia, se on massapostitus tai jokin muu syy.

Jaa keskustelu