Joomla.it Forum
Joomla! 2.5 (versione con supporto terminato) => Joomla! 1.6/1.7/2.5 => : Gio' 30 Jun 2012, 08:56:47
-
Salve a tutti e beato chi sta al mare.
Non riesco a visualizzare sui browser Internet Explorer, Google Chrome e Safari le ombre sui pulsanti realizzati con 'jecepopup' e inserite nei moduli.
L' operazione mi riesce perfettamente sul Browser Mozilla, inserendo in ogni modulo la stringa box-shadow: 2px 2px 2px; , come e' possibile vedere nell'esempio copiato in basso.
<table class="jcepopup" style="border-color: #0f0f10; box-shadow: 2px 2px 2px; border-width: 1px; background-color: #ffffff; border-style: solid; width: 140px; height: 22px;" border="1">
<tbody>
<tr>
<td><span style="color: #800080;"> <span style="font-size: 12pt;"> </span></span><strong><span style="font-size: 10pt; font-family: helvetica;"><a title="Il video curioso da Youtube" href="index.php?option=com_content&view=article&id=126&Itemid=246" target="_blank">Guarda il video[/url]</span></strong></td>
</tr>
</tbody>
</table>
Come posso risolvere il problema sugli altri Browser ?
Ciao
-
Salve giò,
Premesso che con IE potrai fare poco, ispirati a siti che già hanno quella funzione, ad esempio girando nei siti che fanno template a pagamento vedo che utilizzano background per rendere l'effetto
Per firefox
-moz-linear-gradient(center top , #00B4F5 0%, #0096D2 100%) repeat scroll 0 0 transparent
Per chrome e safari
-webkit-linear-gradient(top, #00B4F5 0%, #0096D2 100%)
Poi ti consiglio di dare uno sguardo a http://www.w3schools.com/cssref/css3_browsersupport.asp
questo sito ti permette di vedere la conpatibilità del css con i vari browser, da spiegazioni soddisfacenti ed esempi chiari.
-
Grazie per le dritte Dariodor.
I tuoi suggerimenti sono stati molto utili e mi hai dato il la' per approfondire l'argomento.
Buona domenica.