opacity nei link

**alfa_19** · 06-06-2007, 22:12

io vorrei fare in modo che in questa pagina web le immagini legate ad un link siano di opacità(se si dice) 50% nei casi visited e link e invece 100% nei casi hover

ho inserito questo codice nella parte <head> ma nn funziona...qualcuno sa dirmi che c'è che nn va?

grazie 1000

codice:

<style type="text/css">
<!--
A:link {filter:alpha(opacity=30);-moz-opacity:.50;opacity:.50}
A:visited {filter:alpha(opacity=30);-moz-opacity:.50;opacity:.50}
A:active {filter:alpha(opacity=30);-moz-opacity:.50;opacity:.50}
A:hover {filter:alpha(opacity=100);-moz-opacity:1.0;opacity:1.0}
-->
</style>

**Wynaut** · 06-06-2007, 22:54

Semplicemente perché quel tag va sui div oppure sui table, ma non sui link... Almeno così io so.

**alfa_19** · 06-06-2007, 22:59

uhm...grazie della dritta ma sui link che ci metto?cioè hai capito che effetto volglio ottenere?perchè nn mi sono spiegato un granchè

**fcaldera** · 06-06-2007, 23:32

che succede se lo scrivi così

codice:

<style type="text/css">
a, a:link, a:visited, a:active {
   filter:alpha(opacity=30);
   -moz-opacity: .5;
   opacity: .5;
}

body a:hover {
   filter:alpha(opacity=100);
   -moz-opacity: 1;
   opacity:1;
}
</style>

**alfa_19** · 07-06-2007, 16:20

uhm nn so ora provo grazie 1000

**alfa_19** · 07-06-2007, 16:39

no continua a nn cambiare nulla

**Mich_** · 07-06-2007, 17:08

Prova ad aggiungere a quanto proposto da fcaldera:
display: block;

Questo avra` effetti collaterali (tipo un non corretto inserimento del link nel flusso del testo), ma prova a vedere se almeno l'opacita` funziona.

Comunque dovresti postare anche il codice HTML del link e del blocco che lo contiene: e` difficile altrimenti capire e sistemare il CSS.

**Wynaut** · 08-06-2007, 12:34

codice:

<html>
<head>
<title>Prova</title>
</head>
<script language="JavaScript1.2">
function high(which2){
theobject=which2
highlighting=setInterval("highlightit(theobject)",50)
}
function low(which2){
clearInterval(highlighting)
if (which2.style.MozOpacity)
which2.style.MozOpacity=0.3
else if (which2.filters)
which2.filters.alpha.opacity=30
}
function highlightit(cur2){
if (cur2.style.MozOpacity<1)
cur2.style.MozOpacity=parseFloat(cur2.style.MozOpacity)+0.1
else if (cur2.filters&&cur2.filters.alpha.opacity<100)
cur2.filters.alpha.opacity+=10
else if (window.highlighting)
clearInterval(highlighting)
}</script>
<body>
<div style="position: relative; width: 0px;" style="filter:alpha(opacity=30);-moz-opacity:0.3" onMouseover="high(this)" onMouseout="low(this)">
Link</div>
</body>
</html>

Funziona... Ma ricorda di mettere solo i link separati e di creare per ogni link un div!
Ciao ;D!

**Wynaut** · 09-06-2007, 21:02

Scusa, ho ricontrollato e mi sono accorto di un bug... L'ho risolto con le tabelle ;D!

codice:

<script language="JavaScript1.2">
function high(which2){
theobject=which2
highlighting=setInterval("highlightit(theobject)",50)
}
function low(which2){
clearInterval(highlighting)
if (which2.style.MozOpacity)
which2.style.MozOpacity=0.3
else if (which2.filters)
which2.filters.alpha.opacity=30
}
function highlightit(cur2){
if (cur2.style.MozOpacity<1)
cur2.style.MozOpacity=parseFloat(cur2.style.MozOpacity)+0.1
else if (cur2.filters&&cur2.filters.alpha.opacity<100)
cur2.filters.alpha.opacity+=10
else if (window.highlighting)
clearInterval(highlighting)
}</script>
<table id="livello1" border="0" style="filter:alpha(opacity=30);-moz-opacity:0.3" onMouseover="high(this)" onMouseout="low(this)">
<table border="0">
<tr>
<td style="filter:alpha(opacity=30);-moz-opacity:0.3" onMouseover="high(this)" onMouseout="low(this)" cellspacing="0" cellpadding="0">Link</td>
	</tr>
</table>

Per creare Link in colonna, copia dal dove è scritto... Per quelli incolonnati, devi tener copiare anche i tag dv, ossia quelli per la stessa riga ^w^!

Discussione: opacity nei link

Strumenti discussione

Ricerca discussione

Visualizza

opacity nei link

Scusa ^^"

Permessi di invio