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:
ovviamente aggiungo una condizione per far capire a IE che deve usare un suo CSScodice:<div id="fixMe" class="opacity1">
in questo modo:
Riassumendo...codice:<!--[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]-->
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 !!
![]()



Rispondi quotando