Oggi, la creazione del sito web design diventa una vera e propria arte.Non è solo un insieme di pagine di un determinato colore e le dimensioni, font, stili e immagini a tema.Al fine di rendere un sito diverso dagli altri, per attirare l'attenzione dei visitatori e inviarlo a questi o altri elementi utilizzando un gran numero di metodi e strumenti.Tra di loro vi è un molto popolare css proprietà - trasparenza.Questa tecnica è molto di moda e glamour, e quindi viene utilizzato spesso.Si può dare la trasparenza numerose pagine oggetti - testo, immagine, o l'intera unità, per esempio.Esso può essere realizzato anche in modi diversi.Esaminiamole sotto.Parametri
di impostare la trasparenza degli elementi parametri
che permettono di regolare la trasparenza di elementi di diversi.Sono utilizzati a seconda degli obiettivi specifici, e il browser, che è sotto il disegno "rettificato".Questi includono le seguenti proprietà:
- opacità;Filtro
- ;
- PNG-immagine come sfondo.
valori delle proprietà css "trasparenza" sono cambiato come segue: più alto è il numero, più basso è il livello di trasparenza dell'elemento.L'opacità varia da 0 a 1, filtro - da 10 a 100. E quest'ultima viene utilizzata per il browser Interet Explorer, e per tutte le altre proprietà applicabile è opacità.Immagine
Trasparenza (cambiare)
inizia con opzioni quando la trasparenza si manifesterà quando si sposta il cursore del mouse sulla voce.
considerare come impostare la trasparenza dell'immagine.CSS offre due opzioni.Per fare questo, è necessario registrare nel codice html del documento come segue:
- Specificare il percorso dell'immagine.
- definisce i parametri di trasparenza quando il cursore non è.Per questo usiamo le proprietà onmouseover e onMouseOut, che prescrive il filtro del valore e l'opacità.
Queste caratteristiche possono essere prescritti in css-documento e il codice sorgente per aggiungere un link ad esso.I risultati risultano stesso.
blocchi di testo trasparente e pagina
Per quanto riguarda il testo o il blocco (div trasparente), css offre l'opzione, simile alla creazione di un'immagine trasparente, che viene utilizzato collegato css-file, che verrà dato i parametri necessari.Si può andare e un modo più semplice.Quando si imposta il blocco stile stile div o un testo p prescrivere i seguenti elementi Html-code onmouseover e onmouseout.Entrambe le opzioni di lavoro e dare il risultato desiderato.
Trasparenza costante
In alcuni casi, la trasparenza dell'oggetto, un elemento di design o di testo che si desidera impostare su base continuativa.In questa situazione, la soluzione è ancora più semplice che con il mouse.Elemento css
per la trasparenza sarà dato il seguente codice.Nel blocco stile div prescrivere valori per lo sfondo (ad esempio, # ff8800), opacità (per esempio, 0.5) e la larghezza (larghezza) e imbottitura (imbottitura).
per le immagini nel codice stanno facendo valori e filtrare l'opacità, e specificare il percorso per l'immagine.
RGBA-metodo
Ci sono altre opzioni per l'utilizzo di questa proprietà CSS: la trasparenza può essere applicata al colore di un elemento di disegno di sfondo.Si utilizza il metodo di RGBA.Le prime tre lettere rappresentano i colori base (rosso, fissione, blu), e l'ultimo - alfa, che imposta il livello di trasparenza.Utilizzando RGBA formato prescrive la trasparenza, che punta alla ultima cifra.Ad esempio, come: sfondo: rgba (240,2,33,0.4035).
Conclusione
Quindi l'utilizzo nel corso dei lavori sul disegno del luogo è semplice ma spettacolare proprietà css "trasparenza", si può rendere gli elementi di minimo sforzo più interessante e più evidente.Il lavoro di realizzazione trasparenza prestazioni descritto vi aiuterà con questo.