nel mio sito, ho una immagine e la voglio rendere semitrasparente, tipo l'effetto alpha di flash.
la mia immagine è inserita in una tabella e sopra di questa ci sono delle scritte.
datto che non voglio fare un file swf, vorrei sapere appunto se è possibile in html renderla semitrasparente.
grazie
uppete!
ciao,
si puo' fare usando CSS:
codice:[img]file.jpg[/img]
grazie elMoko, ma non sono molto pratico di css.
anzi ti chiederei se i CSS che intendi tu sono gli stessi che intendo io, ovvero i fogli di stile!??
Se affermativo, ti dico subito che li ho trattati poco, alla fine del corso di web designer.
giusto qualche nozione che xò si è persa nel tempo.
la tua stringa è un' esempio di quello che devo inserire nell'HTML oppure devo fare altre operazioni?
grazie 10000000000000
e buona notte.
No, da quanto ne so, basta che inserisci questa stringa
insieme al resto dell'immagine. Quindi credo che siano solo degli attributi in più che hai dato all'immagine, un pò come gli "alert" o quelli per bloccare il tasto destro sull'immagine._filter:alpha(opacity=50);opacity: 0.5;-moz-opacity:0.5;" /
ciao,
gli stili CSS possono essere definiti in un file esterno, nel HEAD del documento o all'interno di un tag. L`esempio che ti ho dato e' uno stile applicato al tag stesso mediante l'attributo "style".
I browser gestiscono la trasparenza in modo diverso con "codice proprietario":
- filter:alpha(opacity=50); e' per IE
- -moz-opacity:0.5; e' per Mozilla/NS/etc...
- opacity: 0.5; e' per gli altri
Se devi applicare la trasparenza su piu' di una immagine ti consiglio di creare una classe CSS, nell'esempio segunete definita nel HEAD del documento:
Per applicare questa classe alle immagini aggiungi class="alpha" all'interno dei loro tag img:codice:... <head> ... <style type="text/css"> .alpha { filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; } </style> </head>
Spero che adesso ti sia piu chiarocodice:[img]file.jpg[/img]
elMoko, tu sarai certamente un mago e un bravo insegnante, ma da questa parte del monitor c'è un cattivo studente.
cmq, vediamo se ho capito bene:
tra i tag style, definisco il CSS (in questo caso il metodo "alpha")che poi potrò utilizzare per tutte le immagini che voglio.
poi all'interno del tag dell'immagine che voglio alphatizzare(.... che terine?!?!?!!) inserisco il css creato in precedenza.
e questo mi caricherà l'effetto solo a quella data img.
ora farò delle prove!!!
eh eh eh
x ora grassie!
scusa elMoko, ma io ho provato a fare come dici tu ma non succede nulla
scusa ma è successa una cosa strana!
ho provato a mettere
e per due tre anteprime mi ha fatto vedere l'effetto, poi basta.[img]file.jpg[/img]
ho provato a rifare il tutto ma niente.
te lo sai spiegare?
Cosa intendi per anteprime?
hai qualcosa online da poter vedere?
Permessi di invio
Rispondi quotando