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

    Box semi trasparenti, mi date una mano? Tnx

    Ciao,
    questo è il sito di una scuola di danza orientale che stò sviluppando in questi giorni: http://www.siatec.net/andrea/JoomlaTest/

    Il template è una personale modifica del template free planets

    Potete notare che i contenuti (gli articoli, etcetc) sono posti dentro dei blocchi semi-trasparenti.

    Analizzando il CSS con firebug si può notare che l'effetto di trasparenza è realizzato con il seguente codice CSS:

    codice:
    #column2_container_full {
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    background:transparent url(../images/top_menu_bg.png) repeat scroll 0 0;
    border:1px solid #7387A0;
    float:right;
    margin-top:5px;
    text-align:center;
    width:740px;
    }
    Praticamente da quello che ho capito viene usata un'immagine .png ed un'effetto trasparenza su di essa.

    Volendo fare dei test per vedere se con altri colori e con altri livelli di opacità riesco a migliorare la legibilità dei contenuti volevo sapere se era possibile fare la seguente cosa:

    Attribuire ad un box un colore di sfondo omogeneo (tipo grigio...invece di usare l'immagine .png) ed attribuirgli una certa percentuale di opacità.

    Si può fare? Come? (ho fatto delle prove googlando ma non mi hanno portato a nulla)

    Grazie
    Andrea

  2. #2
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    L'opacita` ha effetto su tutto il blocco, compreso il testo, e gli eventuali oggetti contenuti.

    Quindi direi che la risposta e`
    NO, non si puo` fare come pensavi
    (pero` potrei aver capito male cio` che intendevi).

    PS: attenzione che il metodo proposto contiene attributi proprietari di Mozilla/firefox, che non sono riconosciuti da altri browser
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

  3. #3
    ho già risolto in altro modo più intelligente in effetti.
    Dico come che potrebbe servire a qualcun altro: ho realizzato una piccola immagina .png (tipo 20X20 px) semitrasparente del colore voluto con Photoshop e l'ho usata come sfondo ripetuto per tali box.

    Così facendo si evita il problema che la semitrasparenza si propaghi anche al testo intaccandone tremendamente di conseguenza la sua legibilità, sia il fatto che Firefox ed Explorer usano attributi proprietari diversi...è più semplice, si fa prima e funziona meglio come metodo

    Ciaoooo
    Andrea

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.