La date/heure actuelle est Ven 29 Mar 2024 - 6:46
1 résultat trouvé pour 182400
CSS : background sous Safari
Merci Neptunia , je teste ces modification de suite.Bonne journée.
edit :
il est fort possible que je m'y prenne comme un manche
un css de ce style
- Code:
.quickquote, [href*="cp?mode=ip"], [href*="mode=post_profile"], a[href*="&mode=delete"], a[href*="cp?mode=delete"], a[href*="cp?mode=lock"], a[href*="cp?mode=move"], a[href*="cp?mode=split"], a[href*="cp?mode=trash"], a[href*="cp?mode=unlock"], a[href*="merge?t="], a[href*="mode=editpost"], a[href*="mode=quote"], a[href*="mode=report"], a[href*="mode=trash"], span.M14_BtN_OpEn {background: linear-gradient(#4f7801,#182400);}
transformé en
- Code:
.quickquote, [href*="cp?mode=ip"], [href*="mode=post_profile"], a[href*="&mode=delete"], a[href*="cp?mode=delete"], a[href*="cp?mode=lock"], a[href*="cp?mode=move"], a[href*="cp?mode=split"], a[href*="cp?mode=trash"], a[href*="cp?mode=unlock"], a[href*="merge?t="], a[href*="mode=editpost"], a[href*="mode=quote"], a[href*="mode=report"], a[href*="mode=trash"], span.M14_BtN_OpEn {background: -webkit-linear-gradient( to left bottom, #4F7801,#182400)!important;
background: linear-gradient( to left bottom, #4F7801,#182400)!important;}
est invalidé par safari
j'ai essayé avec background-image mais même soucis.
J'ai fait appel à w3c qui me corrige le css en
- Code:
.quickquote, [href*="cp?mode=ip"], [href*="mode=post_profile"], a[href*="&mode=delete"], a[href*="cp?mode=delete"], a[href*="cp?mode=lock"], a[href*="cp?mode=move"], a[href*="cp?mode=split"], a[href*="cp?mode=trash"], a[href*="cp?mode=unlock"], a[href*="merge?t="], a[href*="mode=editpost"], a[href*="mode=quote"], a[href*="mode=report"], a[href*="mode=trash"], span.M14_BtN_OpEn {
background : linear-gradient(to left bottom, #4F7801, #182400) !important ;
}
en me spécifiant que La propriété -webkit-linear-gradient(to left bottom,#4F7801,#182400) est une extension propriétaire inconnue
Avec les outils du navigateur ce dernier css est également invalidé.
j'ai testé background-color mais même topo.
edit 2, je suis passé à
- Code:
background: #4f7801;
background: -webkit-linear-gradient(#4f7801,#182400);
background: -o-linear-gradient(#4f7801,#182400);
background: -moz-linear-gradient(#4f7801,#182400);
background: linear-gradient(#4f7801,#182400);
et ça marche.
Maintenant, allez savoir si la formulation est correcte ??
je me pose également la question de savoir s'il faut répéter l'opération avec un background-image de ce style
- Code:
background-image:url(http://i56.servimg.com/u/f56/17/47/58/13/point_10.gif),url(http://i56.servimg.com/u/f56/17/47/58/13/point_10.gif),url(http://i56.servimg.com/u/f56/17/47/58/13/point_10.gif),url(http://i56.servimg.com/u/f56/17/47/58/13/point_10.gif) ,linear-gradient(#4F7801,#182400);}
en devant répéter plusieurs fois les images pour en arriver à ceci :
- Code:
background-image:url(http://i56.servimg.com/u/f56/17/47/58/13/point_10.gif),url(http://i56.servimg.com/u/f56/17/47/58/13/point_10.gif),url(http://i56.servimg.com/u/f56/17/47/58/13/point_10.gif),url(http://i56.servimg.com/u/f56/17/47/58/13/point_10.gif) ,#4f7801;
background-image:url(http://i56.servimg.com/u/f56/17/47/58/13/point_10.gif),url(http://i56.servimg.com/u/f56/17/47/58/13/point_10.gif),url(http://i56.servimg.com/u/f56/17/47/58/13/point_10.gif),url(http://i56.servimg.com/u/f56/17/47/58/13/point_10.gif) ,-webkit-linear-gradient(#4f7801,#182400);
background-image:url(http://i56.servimg.com/u/f56/17/47/58/13/point_10.gif),url(http://i56.servimg.com/u/f56/17/47/58/13/point_10.gif),url(http://i56.servimg.com/u/f56/17/47/58/13/point_10.gif),url(http://i56.servimg.com/u/f56/17/47/58/13/point_10.gif) ,-o-linear-gradient(#4f7801,#182400);
background-image:url(http://i56.servimg.com/u/f56/17/47/58/13/point_10.gif),url(http://i56.servimg.com/u/f56/17/47/58/13/point_10.gif),url(http://i56.servimg.com/u/f56/17/47/58/13/point_10.gif),url(http://i56.servimg.com/u/f56/17/47/58/13/point_10.gif) ,-moz-linear-gradient(#4f7801,#182400;background-image:url(http://i56.servimg.com/u/f56/17/47/58/13/point_10.gif),url(http://i56.servimg.com/u/f56/17/47/58/13/point_10.gif),url(http://i56.servimg.com/u/f56/17/47/58/13/point_10.gif),url(http://i56.servimg.com/u/f56/17/47/58/13/point_10.gif) ,- linear-gradient(#4f7801,#182400);
edit 3 : il suffit de passer par un background-color sans répéter les images.
- le Mer 19 Oct 2016 - 16:01
- Rechercher dans: Archives des problèmes avec un code
- Sujet: CSS : background sous Safari
- Réponses: 4
- Vues: 673