Discuti il tutorial sul forum !
Creare un elemento html semi trasparente
Make HTML Elements Semi-Transparent
By Bret Taylor, July 23, 2006
Internet Explorer does not support the opacity CSS property like Firefox and Safari. The solution is (as usual) to take advantage of IE filters to acheive a similar effect. This simple function sets opacity/transparency correctly across all modern browsers:
function setOpacity(element, opacity) {
if (navigator.userAgent.indexOf("MSIE") != -1) {
var normalized = Math.round(opacity * 100)
element.style.filter = "alpha(opacity=" + normalized + ")";
} else {
element.style.opacity = opacity;
}
}
This example usage sets the opacity of the given element to 50%:
setOpacity(document.getElementById("image2"), 0.5);
You can also set the opacity properly with static CSS if that is appropriate for your project. This CSS snippet is equivalent to the line of JavaScript above:
#image2 {
filter: alpha(opacity=50);
opacity: 0.5;
}
Fonte: http://ajaxcookbook.org/html-element-transparency/
December 17, 2006 | Scritto in javascript, tutorials
Letto:1066 volte
Correlati
- Creare un file word al volo con asp
- creare un file xml per feed rss
- Creare un file dtd valido
- Creare Interfaccia Utente in vba
- creare e cancellare un database con phpmyadmin
- creare una tabella con phpmyadmin
- Creare un rettangolo con bordi 3d con i css
- Creare un box con effetto shadow con i css
- Scrivere codice php in pagine .html
- Creare favico animate
- Colorare input text se selezionato in dhtml
- guida html
- Creare un linea con DOM
- Creare dei linkage al primo frame in flash
- Creare uno slider per controllare il volume in flash
- Creare gioco breakout in flash
- Un modo intelligente di unire codice php e html
- Creare un gioco dadi in flash
- Colorare <div></div> in modo dinamico in dhtml
- Eliminare eventuali tag html da un testo in php
- Creare una pagina con layout a 3 colonne con i css
- far comparire del testo html all'interno dell'attributo <div>
- creare un foglio excel in java
- Includere un menu in una pagina html
- Conoscere tag html sotto il cursore del mouse
- Creare un preloader di suoni esterni in flash
- Creare un semplice form che invia dati pagina php in flash
- Creare un file xml al volo in php
- Creare sistema tell a friend in php
- I links html
- Creare una text field in modo dinamico in flash
- La grafica in html
- Creare un loading per le nostre pagine
- Creare grafico a torta in flash
- Convertire file doc in html con php
- Creare una tabella accessibile in html
- Creare uno scrolling orizzontale di news scritte in un file di testo in php
- Jni creare dll con microsoft visual studio
- Creare un semplice menu in dhtml
- Creare un menu dhtml completo
- Creare thumbnails con le librerie grafiche gd
- Creare un menu a tabs con i css
- Creare un gioco isometrico (parte 1)
- Creare un gioco isometrico (parte 2 dinamicità )
- Creare un gioco isometrico (parte 3 muri e oggetti)
- Creare una calcolatrice in flash
- Creare grafico a torta in flash da un file xml
- Creare un sistema di visione panoramica in flash
- Creare un orologio con lancette
- Creare un grafico a barre dinamico
- Creare leggere e cancellare cookies in javascript
- Creare un file rss dinamico con php
- Creare un motore di ricerca nei files con flash e php
- Creare un semplice preloader in flash
- Creare un preloader con barra di avanzamento
- Creare un preloader con loader circolare con flash
- Creare un preloader con loader circolare
Commenti
Scrivi un commento
-
NETWORK
RSS
Iscrivi Feed Rss
Newsletter
Iscriviti alla newsletter e tieniti sempre aggiornato!
Blogroll
- AG web solutions
- Assistenza legale - Assistenza legale strategica in tutto il settore della proprietà intellettuale e del diritto commerciale
- bitportal.it
- blogmap.it - Blogmap.it è una directory di blogs in cui potrai inserire il tuo blog e far vedere ai tuoi amici dove si trova nel mondo.
- Cartucce per stampanti - Cartucce per stampanti
- css galleries - css galleries
- derienzo.net
- desmm design e multimedia - desmm design e multimedia
- drwhois.org - drWhois verifica se il tuo dominio è libero
- ecommerce open source - ecommerce open source php mysql
- emanueleferonato.com blog - http://www.emanueleferonato.com/
- form generator
- free script
- http://wordpress.templates20.net - free wordpress templates
- iconfinder.net - motore di ricerca per icone
- morpheusweb.it
- motore ricerca open source
- online giochi - online giochi
- pastrugni.com
- persefone.it - realizzazione siti web
- spcnet.it
- taormina sicilia - taormina sicilia
- technorati.it
- tutorial flash - tutorial flash
- ui patterns
- webmaster risorse
- webmasterpoint.org
- www.net-free.it
Commenti recenti:
- homer: intanto complimenti per il tuo sito poi ti volevo dire ho provato a incollare il codice per utilizzare la...
- gianluca: ciao Giorgio, ho il tuo stesso messaggio di errore per il carttere $ come hai fatto a risolvere?
- maxbnet: new YCodaSlider 2.0 beta. http://maxb.net/blog/2008/05/1 1/ycodaslider-20/
- saed: Thanks a lot 4 ur great work
- Vittorio: Ciao, ho installato MySQL ver 5.0.51b ma non mi funzionano le funzioni DATE_DIFF, TO_DAYS,TO_NUMBER...
- edo: Ciao Come posso fare per leggere dei dati su un sito web è riportarli nel mio sito web? esistono degli esempi di...
- francesco: non so perchè ma non mi parte lo script, non riesco a visualizzare nulla, boh. grazie
- leo: Ciao, ho provato lo script e funziona perfettamente… non mi funziona più invece se inserisco pià di 9...
- Gianmaria: Carissimo Giovanni, è vero che è una soluzione artigianale però a me serviva per intercettare le...
- ture: wow
Ultimi dal forum
Selezionando contrassegno si aggiungono spese al totaleHo inserito postepay come pagamento
Inserire metakeywords
Problemi di installazione
Scaricare correttore ortografico italiano
Vari problemi
Installazione su server remoto
Installazione
Problema aggiornamento quantità prodotti carrello
Info
Bug utente + suggerimento formattazione
Problema cancellazione dalla mailing list
Problemi login
Problemi di visualizzazione nella home page
Fireworks appiattisce livelli quando salvo in png
Realizzato con WordPress 
Hosting web by: 
Vietata la riproduzione anche parziale