Sfondo sito

24-08-2011, 17.02.17

Mi rimangono dei bordi come se immagine fosse in una cornice qui spiega come farlo con uno script, ma come faccio a ottenere lo stesso risultato facendolo cosi :

Codice HTML:

<img src="http://miosito/sfondo5.jpeg" "background" height="100%" width="100%" overflow="100%" />

**alemoppo** · 24-08-2011, 17.43.43

Con css non va bene?

Codice:

body { background-image: url(http://miosito/sfondo5.jpeg); }

Ciao!

24-08-2011, 18.38.07

Codice HTML:

<body> { background-image: url(http://miosito.org/sfondo5.jpeg); }
</body>

Scritto cosi appare { background-image: url(http://miosito.org/sfondo5.jpeg); } e non immagine?? Unico modo che sono riuscito e come avevo postato ma ci sono i bordi bianchi non e estesa se lo faccio con lo script del sito va bene((se lo faccio io il .css non funziona......

**Jowy** · 24-08-2011, 18.41.33

no...devi metterlo nel file .css ...o al massimo nel tag style all'interno di <head></head>

24-08-2011, 19.13.55

Ma io e quello che voglio evitare un file .css la mia stringa fa il bordo, e non si estende al posto di 100% o messo auto ma non va....se metto solamente

Codice HTML:

<img src="http://miosito/sfondo5.jpeg"

mi posta immagine e non fa come uno sfondo

**Jowy** · 24-08-2011, 19.24.05

e allora se vuoi evitare un file css fai come ti ho detto, mettilo nell'head della pagina stessa:

Codice:

<head>
  <title></title>
  <style type="text/css"> 
    body {
      background-image: url(http://miosito/sfondo5.jpeg);
    }
  </style> 
</head>

24-08-2011, 19.55.34

Si grazie cosi funziona, ma una parte dell immagine viene tagliata e messa a dx??

**alemoppo** · 24-08-2011, 20.41.15

no-repeat

Ciao!

**Jowy** · 24-08-2011, 21.05.00

tu lo vuoi a tutta pagina immagino. prova con questo

Codice:

body {
background-image: url(http://miosito/sfondo5.jpeg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
height:100%;
width:100%;
}

26-08-2011, 00.50.31

Non funzionano neanche ultimo taglia quasi un centimetro di immagine sul fondo in basso. Mentre solo col .js funziona........

Codice HTML:

<script src="fixedbackground.js" type="text/javascript"></script>
<body onload="fixedBackground('http://miosito/sfondo5.jpeg');">

E il .js

Codice PHP:


//--------------------------------------------------------------//

  // Full Window (stretched) Watermarked Background Image v2.0.1. //

  //--------------------------------------------------------------//

  //                                                              //

  //        Copyright (C) 2002-2004 QCS Systems Inc.              //

  //                                                              //

  //  This JavaScript can be used  with  permission as long as    //

  //  this message stays here in the header of the script. Any    //

  //  modifications and bug fixes are appreciated.                //

  //                                                              //

  //    Author : D.J.Oepkes                                       //

  //    Date   : 11/22/2002                                       //

  //    Email  : joepkes@qcssystems.com                           //

  //                                                              //

  //--------------------------------------------------------------//

  // Modifications                                                //

  //--------------------------------------------------------------//

  // 11/22/2004 D.J.Oepkes, Total rebuild as I finally found an   //

  //                        excellent way to do away with java-   //

  //                        script to position it. It's now all   //

  //                        done through CSS and an easy onload   //

  //                        function does all the layering work   //

  //--------------------------------------------------------------//

  // 01/12/2005 D.J.Oepkes, Removed one layer out the equation.   //

  //                        Also removed layer-position: fixed    //

  //                        to make flash work in firefox.        //

  //--------------------------------------------------------------//



  var backgroundset=false;   // do not change, for internal use only



  //--------------------------------------------------------------//

  // fixedBackground                                              //

  //--------------------------------------------------------------//

  // set the fixed background image. If Called for the first time //

  // it will set the necessary body styles, layers, and images to //

  // create the fixed background effect,  otherwise it will  just //

  // change the background image.                                 // 

  //                                                              //

  // Insert the following into the html to load the script        //

  //   <script src="fixedbackground.js"></script>                 //

  //                                                              //

  // 1) How to Use in body-tag (preferred):                       //

  //  <body onload="fixedBackground('background.jpg');">          //

  //                                                              //

  // 2) How to Use in link:                                       //

  //  <a href="javascript:fixedBackground('background.jpg');">    //

  //    Try this background...                                    //

  //  </a>                                                        //

  //                                                              //

  // 3) How to use in script:                                     //

  //  <script>                                                    //

  //    fixedBackground('background.jpg');                        //

  //  </script>                                                   //

  //--------------------------------------------------------------//



  function fixedBackground(url)

  {

    if(!backgroundset)

    {

      document.body.style.overflow = 'hidden';

      document.body.style.padding  = '0px';

      document.body.style.margin   = '0px';



      var overlay = document.createElement('DIV');

      overlay.style.position    = 'absolute';

      overlay.style.top         = '0px';

      overlay.style.left        = '0px';

      overlay.style.height      = '100%';

      overlay.style.width       = '100%';

      overlay.style.overflow    = 'auto';



      overlay.innerHTML         = document.body.innerHTML;

      document.body.innerHTML   = '<img id="background" height="100%"  width="100%" src="' + url + '" style="left: 0; bottom: 0; right: 0; top: 0; z-index: 0" />';



      document.body.appendChild(overlay);



      backgroundset=true;

    }

    else

      background.src=url;

  }

Facendo con questi e perfetto ma con solo il codice

Codice PHP:


<img src="http://miosito/sfondo5.jpeg" "background" height="100%" width="100%" overflow="100%" />

Prendento ultima parte del .js...."background" height=..... rimangono i bordi

Discussione: Sfondo sito

LinkBack

Strumenti discussione

Display

Sfondo sito

Regole di scrittura