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

    PNG, position:fixed e sfarfallio in scrolling su FireFox

    Per una volta i problemi non me li da IE!!!

    Ho un div posizionato con fixed contenente una PNG trasparente.
    Poi ho un div che contiene i contenuti della pagina posizionato sopra la rosa di modo che questa resti sul fondo e non sopra.
    L'aver spostato la rosa sotto la pagina ha comportato uno sfarfallio di ciò che si muove al di sopra della PNG stessa in Firefox.
    Sembra un problema di rendering... ad ogni posizione dello scrolling il browser rielabora i contenuti sopra la PNG generando uno sfarfallio proprio in corrispondenza della PNG.

    Uso firefox 2.0.0.3 con Vindovs Vista Ultimate Edition.

    Su IE7 non c'è questo problema!

    Ecco il codice CSS

    codice:
    html>body #rosa 	{
    	background: transparent url("images/rosa.png") bottom right no-repeat;
    	position: fixed !important;
    	z-index: 1;
    	bottom:0; right:0;
    	position: relative;
    	width: 346px;	height: 335px;
    	margin-left: auto;	text-align: right;
    }
    #pageContent 		{	
    	margin: 0px 25px 0 75px; 
    	padding-top: 230px !important; 
    	padding:0; 
    	position:relative;
    	z-index: 2;
    }
    L'html invece è:

    codice:
    <div id="pageContent">
    	{pageContent}
    </div>
    <div id="rosa"></div>
    Finding solution

  2. #2
    nessuno si è mai accorto di questo sfarfallio?
    Finding solution

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 © 2026 vBulletin Solutions, Inc. All rights reserved.