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 ::moitimide::

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
Tag 182400 sur Forum gratuit : Le forum des forums actifs Captur33

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.
par demeter1
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

Revenir en haut

Sauter vers: