#div1{
filter:alpha(opacity=85);
-moz-opacity:0.85;
-khtml-opacity:0.85;
opacity: 0.85;
}
#div1:hover{
filter:alpha(opacity=100);
-moz-opacity:1;
-khtml-opacity:1;
opacity: 1;
}
html>#div1.safarihack{
opacity: 1;
}
Todo lo anterior hace lo que se pretende. Safari siempre tiene su opacidad configurada en su totalidad porque no se procesa correctamente si no lo hace. Sin embargo, también tengo un evento jquery que cuando se hace clic en este div, la opacidad se desvanece en 0, y necesito que se desvanezca en 0 para todos los navegadores (el desvanecimiento no es una opción).
Luego se cambia el html de la div, y necesito la opacidad de todos los navegadores para volver a 0,85 u 85, a excepción de safari, que debe volver a 100.
¿Cómo puedo apuntar esto en el jQuery? ¿Hay alguna manera de que pueda poner
html>#div1.safarihack {opacity: 1; }
¿dentro de esto?
$(this).html(nextHtml).animate({"opacity":"0.85",
"filter":"alpha(opacity=85)",
"-moz-opacity":"0.85",
"-khtml-opacity":"0.85",
}, 500);
*Tenga en cuenta que (este) = # div1**
Respuestas
0 para la respuesta № 1Ver encontrando si el navegador actual funciona como safari a través de css o javascript : podría ayudarte, buena suerte
0 para la respuesta № 2
Creo que encontrarás este hilo interesante: Distingue Chrome de Safari utilizando jQuery.browser
0 para la respuesta № 3
Tratar
$(this).html(nextHtml).animate({opacity:($.browser.safari)?1:.85});
Tenga en cuenta que $.browser.safari es obsoleto.
Tampoco es necesario utilizar todos esos atributos de opacidad en jQuery, jQuery traducirá "opacidad" al atributo que el navegador actual admite.
0 para la respuesta № 4
Hace esta demo ¿Ayuda con tu problema? Bajé la opacidad para hacer que el vuelo sea más obvio para la demostración.
Editar: Demo actualizada en el que cambia la opacidad del texto. Parece funcionar bien en Safari5
No entiendo realmente el problema con la opacidad de Safari, ya que no veo ningún problema al ejecutar la demostración en Safari5, Chrome12 o Firefox4.