Visualizzazione dei risultati da 1 a 6 su 6
  1. #1

    Trasparenza all'i-frame

    Nel mio sito voglio utilizzare un i-frame ke però non copra lo sfondo.come faccio?
    ciao

  2. #2
    Utente di HTML.it
    Registrato dal
    Dec 2000
    residenza
    Savona
    Messaggi
    897
    <html>
    <head>
    <title></title>
    <STYLE TYPE="text/css">
    iframe
    {
    background-color: transparent;
    }
    </STYLE>
    <body style="background-color:transparent;">
    <iframe allowtransparency="true" class="iframe" src="pagina.html" name="centrale" width="760" height="400" frameborder="0" scrolling="no"></iframe>
    </div>
    </body>
    </html>

    dover

  3. #3
    Ho qualche problemino,questo che riporto è il codice della pagina:
    • <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
      <html>
      <head>
      <title>Documento senza titolo</title>
      <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
      <script language="JavaScript" type="text/JavaScript">
      <!--
      function MM_reloadPage(init) { //reloads the window if Nav4 resized
      if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
      document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
      else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
      }
      MM_reloadPage(true);
      //-->
      </script>
      <style type="text/css">
      A:link, A:visited { text-decoration: none }
      A:hover { text-decoration: underline }
      </style>
      <STYLE TYPE="text/css">
      iframe
      {
      background-color: transparent;
      }
      </STYLE>
      </head>

      <body bgcolor="#000000 "link="#FFFFFF" style="background-color:transparent;">
      <div id="Layer1" style="position:absolute; left:272px; top:118px; width:400px; height:566px; z-index:1; background-image: url(sfondo.gif); layer-background-image: url(sfondo.gif); border: 1px none #000000;"></div>
      <div id="Layer2" style="position:absolute; left:143px; top:11px; width:650px; height:150px; z-index:2; background-image: url(killzone_warrior.jpg); layer-background-image: url(killzone_warrior.jpg); border: 1px none #000000;"></div>

      <div id="Layer3" style="position:absolute; left:0px; top:188px; width:200px; height:35px; z-index:3; background-image: url(sm.png); layer-background-image: url(sm.png); border: 1px none #000000;"></div>
      <div id="Layer4" style="position:absolute; left:0px; top:387px; width:200px; height:35px; z-index:4; background-image: url(kz.png); layer-background-image: url(kz.png); border: 1px none #000000;"></div>
      <div id="Layer5" style="position:absolute; left:4px; top:232px; width:198px; height:138px; z-index:5"></div>
      <div id="Layer6" style="position:absolute; left:4px; top:431px; width:201px; height:173px; z-index:6"></div>
      <div id="Layer7" style="position:absolute; left:248px; top:188px; width:465px; height:461px; z-index:7"><iframe allowtransparency="true" class="iframe" src="news.htm" name="centrale" width="465" height="461" frameborder="0" scrolling="no"></iframe></div>
      </body>
      </html>

    e viene così:

    ma invece dovrebbe apparire con l'immagine di sfondo:

  4. #4
    Originariamente inviato da dover
    <body style="background-color:transparent;">
    ma la trasparenza la assegni alla pagina che contiene l'iframe?
    Potere e Potenza

  5. #5
    e kosa dovrei scrivere allora?

  6. #6
    assegna la trasparenza del <body> alla pagina che SARA' l'<iframe>
    Potere e Potenza

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.