Discussion :

[Gueuz]

Bonsoir à tous,

Voilà, j'utilise ce petit site pour utiliser quelques fonts en tant qu'icône. Sur Firefox, ceci marche parfaitement bien, sans sourciller.

Sous Safari, rien ne s'affiche. Quelqu'un aurait une explication ? Une idée ? Ou carrément une solution ?

Voici le code HTML :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<span id="galleria-pause" class="mouse-pointer icon-pause"></span>

Aucune des classes ne fonctionnent. J'ai même un message d'erreur qui m'indique qu'il ne trouve pas la font, alors que Firefox reste muet.

Merci pour votre aide.

[rodolphebrd]

Bonjour,

là je ne vois pas comment il est possible de voir le problème...

A moins d'avoir une page en ligne ou votre code.

[Gueuz]

Désolé pour les balises de code j'étais persuadé de les avoir utilisés (mais peut-être pas préciser lequel).

Voici une adresse de test : http://czechglasspoint.com/test5/

Bon, en fait j'ai dis une bêtise, cela s'affiche bien sur Safari mais le mouse pointer, l'effet de transition de couleur et l'aspect "clic-âble" ne fonctionne pas.

C'est là, mais ça ne marche pas

[rodolphebrd]

La page Gallery ne peut pas s'ouvrir sur SAFARI uniquement

[Gueuz]

La page Gallery ne peut pas s'ouvrir sur SAFARI uniquement

Comment ça elle ne peut pas s'ouvrir ? Tu veux dire que tu as une page blanche ? Parce que chez moi j'ai bien les images qui défilent avec un bouton pause en bas à gauche qui ne fonctionne pas...

Tu as quel version (OS et Safari) ?

[rodolphebrd]

Ça fonctionne !

[Gueuz]

Pas chez moi... Quand je clic sur le bouton je le sélectionne. Pourquoi ça fonctionnerais chez toi et pas chez moi ? Un plugin de trop ?

EDIT : je viens de tous les désactiver, toujours le même problème.

[rodolphebrd]

Appliquez cela pour tester :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
.mouse-pointer {
   cursor: pointer;
   display: inline-block;
}

[Gueuz]

haha, merci, ça fonctionne presque

Les boutons deviennent "clickable" et le rollover fonctionne. Le seul truc c'est qu'avec Firefox j'ai une petite transition pour passer du noir à l'orange que je n'ai pas donc avec Safari.

Dans mon CSS, j'ai ceci :

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
a + [class^="icon-"]:before, [class*=" icon-"]:before {
	@include transition-property(color);
	@include transition-duration(0.4s);
}

Merci pour votre aide.

[rodolphebrd]

Safari ne supporte les transitions sur les pseudo-éléments :before et :after.
Le rendu que vous avez est normal.
https://bugs.webkit.org/show_bug.cgi?id=23209
http://code.google.com/p/chromium/is...sort=&id=54699

[Gueuz]

Ok, merci pour votre aide mais que vouliez vous dire par :
"La page Gallery ne peut pas s'ouvrir sur SAFARI uniquement" ?

Parce que je ne souhaite pas que cela fonctionne uniquement sous Safari, au contraire.

[rodolphebrd]

Pas de quoi se torturer l'esprit...
Lorsque j'ai testé sur Safari la page ne s'affichait pas, et cela s'est passé qu'une seule fois.

Vous pouvez passer cette discussion en résolu si c'est bon.