problème de code visible seulement avec firefox

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu problème de code visible seulement avec firefox

Message par Invité le Lun 19 Déc 2011 - 20:08

Bonjour , j'ai un problème avec ce code :

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é


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: problème de code visible seulement avec firefox

Message par demeter1 le Lun 19 Déc 2011 - 20:39

- 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é %

demeter1
+ Hyperactif +

Masculin
Messages : 8100
Inscrit(e) le : 23/01/2009

http://altitudetropicale.forums-actifs.com/index.forum
demeter1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: problème de code visible seulement avec firefox

Message par Invité le Mar 20 Déc 2011 - 8:06

Merci beaucoup mais je ne sais pas trop dans quel sens mettre tout ça Embarassed
si vous pouviez m'aider un peu plus Very Happy

Merci d'avoir pris de votre temps pour répondre .

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: problème de code visible seulement avec firefox

Message par Invité le Lun 26 Déc 2011 - 17:47

up

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: problème de code visible seulement avec firefox

Message par Ea le Lun 26 Déc 2011 - 18:11

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 :

  • 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;
}
Cela sera visible pour firefox à partir de 3.5, safari à partir de 3.0, chrome à partir de 1.0, opéra à partir de 10.5 et internet explorer à partir de 9.0.

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
Aidactif

Messages : 23417
Inscrit(e) le : 04/04/2008

Ea a été remercié(e) par l'auteur de ce sujet.

Résolu Re: problème de code visible seulement avec firefox

Message par Invité le Lun 26 Déc 2011 - 18:30

Bonsoir et Merci beaucoup Etana ça fonctionne parfaitement ! victoire
Passez de bonnes fêtes .

à bientôt.

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum