problème de code visible seulement avec firefox
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1 • Partagez
problème de code visible seulement avec firefox
Bonjour , j'ai un problème avec ce code :
Il permet de faire une ombre entre le fond de page et le cadre du forum , le problème c'est qu'avec Opéra ça ne change rien et avec ie le forum disparait complètement .
Pourriez-vous m'aider , de manière à ce qu'il soit vu sous n'importe quel navigateur ?
Merci.
- Code:
.bodyline {
background-color: #;
-moz-box-shadow: 2px 2px 20px #A36838;
-webkit-box-shadow: 2px 2px 20px #A36838;
filter:progid:DXImageTransform.Microsoft.Shadow(color='#A36838', Direction=135, Strength=20);
zoom: 10;
}
Il permet de faire une ombre entre le fond de page et le cadre du forum , le problème c'est qu'avec Opéra ça ne change rien et avec ie le forum disparait complètement .
Pourriez-vous m'aider , de manière à ce qu'il soit vu sous n'importe quel navigateur ?
Merci.
Dernière édition par le_geek le Lun 26 Déc 2011 - 18:32, édité 1 fois
Invité- Invité
Re: problème de code visible seulement avec firefox
- box-shadow pour opéra .
filter:progid:DXImageTransform.Microsoft.DropShadow(propriètés) pour Ie
Pour la propriété zoom, il me semble que vous avez oublié %
filter:progid:DXImageTransform.Microsoft.DropShadow(propriètés) pour Ie
Pour la propriété zoom, il me semble que vous avez oublié %
Re: problème de code visible seulement avec firefox
Merci beaucoup mais je ne sais pas trop dans quel sens mettre tout ça
si vous pouviez m'aider un peu plus
Merci d'avoir pris de votre temps pour répondre .
si vous pouviez m'aider un peu plus
Merci d'avoir pris de votre temps pour répondre .
Invité- Invité
Invité- Invité
Re: problème de code visible seulement avec firefox
Bonjour,
Il faut mettre le meilleur à la fin ( box-shadow ) comme ça quand les navigateurs ne dépendront que de celui là, il suffira de le changer ( sans passer son temps à changer les précédents ). Pour le reste l'ordre importe peu vu que chacun ne devrait fonctionner que pour un navigateur ( et être ignoré sur les autres ).
Une plutôt bonne ressource est https://developer.mozilla.org/fr/ c'est un site d'aide au développement pour mozilla ( donc firefox ) mais ils ont la bonne attention de citer le cas pour les autres navigateurs ^^
Par exemple pour la page de box-shadow :
https://developer.mozilla.org/en/CSS/box-shadow
Dans "Browser compatibility" on voit que box-shadow va pour :
-webkit-box-shadow va pour :
-moz-box-shadow va pour :
Donc en mettant :
Maintenant chrome se mettant à jour lui-même ( et les gens visitant un forum ayant une connexion internet ) je pense que la chance est très basse que quelqu'un ait une version sous 10.0 et visite un forum. Et pour firefox plus ils montent dans les nombres plus ça s'améliore donc il ne devrait plus tellement y avoir de version 3.5 non plus. Enfin tout ça pour dire qu'on pourrait peut-être déjà juste oser mettre :
Il faut mettre le meilleur à la fin ( box-shadow ) comme ça quand les navigateurs ne dépendront que de celui là, il suffira de le changer ( sans passer son temps à changer les précédents ). Pour le reste l'ordre importe peu vu que chacun ne devrait fonctionner que pour un navigateur ( et être ignoré sur les autres ).
Une plutôt bonne ressource est https://developer.mozilla.org/fr/ c'est un site d'aide au développement pour mozilla ( donc firefox ) mais ils ont la bonne attention de citer le cas pour les autres navigateurs ^^
Par exemple pour la page de box-shadow :
https://developer.mozilla.org/en/CSS/box-shadow
Dans "Browser compatibility" on voit que box-shadow va pour :
- internet explorer à partir de 9.0
- firefox à partir de 4.0
- safari à partir de 5.1
- opéra à partir de 10.5
- chrome à partir de 10.0
-webkit-box-shadow va pour :
- chrome à partir de 1.0
- safari à partir de 3.0
-moz-box-shadow va pour :
- firefox à partir de 3.5
Donc en mettant :
- Code:
.bodyline {
background-color: transparent;
-moz-box-shadow: 2px 2px 20px #A36838;
-webkit-box-shadow: 2px 2px 20px #A36838;
box-shadow: 2px 2px 20px #A36838;
}
Maintenant chrome se mettant à jour lui-même ( et les gens visitant un forum ayant une connexion internet ) je pense que la chance est très basse que quelqu'un ait une version sous 10.0 et visite un forum. Et pour firefox plus ils montent dans les nombres plus ça s'améliore donc il ne devrait plus tellement y avoir de version 3.5 non plus. Enfin tout ça pour dire qu'on pourrait peut-être déjà juste oser mettre :
- Code:
.bodyline {
background-color: transparent;
box-shadow: 2px 2px 20px #A36838;
}
Ea- Aidactif
- Messages : 23583
Inscrit(e) le : 04/04/2008
Re: problème de code visible seulement avec firefox
Bonsoir et Merci beaucoup Etana ça fonctionne parfaitement !
Passez de bonnes fêtes .
à bientôt.
Passez de bonnes fêtes .
à bientôt.
Invité- Invité
Sujets similaires
» Problème de code avec Firefox
» Diapo non visible avec IE9 seulement
» Vidéo non visible avec Firefox
» Barre de séparation des forums présentes et absentes (problème sur firefox seulement)
» Code qui ne marche pas avec Mozilla Firefox
» Diapo non visible avec IE9 seulement
» Vidéo non visible avec Firefox
» Barre de séparation des forums présentes et absentes (problème sur firefox seulement)
» Code qui ne marche pas avec Mozilla Firefox
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum