[toolTIP] CSS e PNG per Explorer

[webbeloz]

il quesito Natalizio !!

iniziamo col dire che questo toolTIP viene generato da .js e funziona perfettamente con tutti i Browser tranne il nostro amatissimo (òhh come no...) IE
Tramite js appunto vado a creare il DIV:

<div id="fixMe" class="opacity1">

ovviamente aggiungo una condizione per far capire a IE che deve usare un suo CSS
in questo modo:

<!--[if lte IE 9]><style>
 .opacity1 { 
 	filter:alpha(opacity=40);
	-moz-opacity:0.4;
	-khtml-opacity: 0.4;
	opacity: 0.4;

	background-image: none;
	background-color: #494949;
	width: 235px;
	height: 58px;
	-moz-box-shadow: 10px 10px 10px #000;
 	-webkit-box-shadow: 10px 10px 10px #000;
	box-shadow: 10px 10px 10px #000;

 /* For IE 8 */
 	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=7, Direction=135, Color='#000000')";
 /* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=7, Direction=135, Color='#000000');

	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px; background-position:0% 0%; }</style>

 <![endif]-->

Riassumendo...
se con tutti gli altri browser uso una PNG in background e si vede perfettamente, con IE invece devo usare una cosa diversa per non far apparire la solita PNG che non funziona. In questo caso volevo far apparire un bel DIV a bordi tondi e con la sua ombra...

Voi direte dov'è il problema.... usa un iepngfix.htc !! no?
Avete ragione, infatti c'è e funziona solo se la PNG sta fuori dal toolTIP cioè posizionata direttamente all'interno di un DIV in un qualsiasi punto del BODY e lo stesso vale anche per i CSS che se stanno dentro al toolTIP questi non vengono considerati.

Voi che dite... ?

Con l'occasione Buon Natale !!

[webbeloz]

dopo un estenuante lotta corpo a corpo! ( col tool tip )
ho raggiunto un buon compromesso... Si trattava quindi di aggiungere una condizione nel .js per il nostro amatissimo IE (òhhh come no...) quindi tramite js vado a dare l'ombra sotto ad una gif trasparente per mezzo del filtro CSS che ovviamente dovevo dare direttamente dal .js . ( prima davo il filtro dal CSS esterno )

Sempre attraverso .js è possibile "sbattere" sul mio IE la .png e quindi prenderebbe anchessa la trasparenza... la cosa importante è dare il background (png) sempre dal .js !!

Un buon risultato di Slide + Fade + total Cross Browser.

Buon 2011