Fond dégradé du maximenu_ck et Internet Explorer

Fond dégradé du maximenu_ck et Internet Explorer was created by rezalg

Posted 11 years 7 months ago #5901
Bonjour,
J'utilise le maximenu_ck et un template japurity2 pour le site internet de mon entreprise.
J'éssai de mettre un fond dégradé dans le fond de mon menu.
J'ai mis donc dans maximenuhck.php à ul.maximenuck :
Code:
background: -moz-linear-gradient(top, #006699 0%, #013953 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#006699), color-stop(100%,#013953)); background: -webkit-linear-gradient(top, #006699 0%,#013953 100%); background: -o-linear-gradient(top, #006699 0%,#013953 100%); background: -ms-linear-gradient(top, #006699 0%,#013953 100%); background: linear-gradient(top, #006699 0%,#013953 100%);

Cela fonctionne parfairtement sur Firefox, et chrome... mais pas sous IE9.
J'ai donc rajouté :
Code:
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#006699', endColorstr='#013953'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#006699', endColorstr='#013953')";

Quand je rajoute cela, j'ai bien le dégradé qui s'affiche sous IE9 mais les sous-menus ne s'affiche plus. Du moins le contenu car on voit bien les bordures.
(voir copie écran du bug)

Je cherche, je cherche, mais là je sèche.
Si l'un d'entre vous a déja rencontré ce problème je serai content de savoir si j'ai bien fait ??
Par avance Merci
by rezalg
Attachments:

Please Log in or Create an account to join the conversation.

Replied by ced1870 on topic Fond dégradé du maximenu_ck et Internet Explorer

Posted 11 years 7 months ago #5902
salut
effectivement il ne faut pas utiliser le filtre microsoft, il bug complet
il faut appeler un fichier svg en background qui défini le dégradé, c'est la solution la plus propre pour IE9
(demandes à google comment faire, il est de bon conseil sur le coup là :) )
Ced

Joomlack Webmaster and Developer

by ced1870
The following user(s) said Thank You: rezalg

Please Log in or Create an account to join the conversation.

Replied by rezalg on topic Fond dégradé du maximenu_ck et Internet Explorer

Posted 11 years 7 months ago #5903
Merci pour ta réponse super rapide ;-)

Trois choses :

-1/ Pourquoi le
Code:
background: -ms-linear-gradient(top, #006699 0%, #013953 100%);
Ne fonctionne t'il pas sous IE9 ?

-2/ J'essai avec ta méthode.
J'ai créé mon fichier .svg, mais je n'arrive pas à l'appeler dans le css.
J'ai utilisé :
Code:
background-image: url(/"/svg.svg")
Mais cela ne fonctionne pas
Est-ce la bonne syntaxe ?

-3/ Est-ce que les dégradés sont géré sur ton plug-in ? Sans forcement passé par un svg Et sont il compatible avec tous les navigateur ?

Merci pour ton aide.
Last Edit:11 years 7 months ago by rezalg
Last edit: 11 years 7 months ago by rezalg.

Please Log in or Create an account to join the conversation.

Replied by ced1870 on topic Fond dégradé du maximenu_ck et Internet Explorer

Posted 11 years 7 months ago #5904
1/+2/ sont des questions de codage css et de compatibilité navigateur, demande à microsoft pourquoi il n'a pas implémenté la propriété gradient dans IE9 ;)

3/ pour l'instant le plugin ne gère pas les dégradés, mais le fera dans sa future version à venir dans les prochaines semaines

Joomlack Webmaster and Developer

by ced1870

Please Log in or Create an account to join the conversation.

Replied by rezalg on topic Fond dégradé du maximenu_ck et Internet Explorer

Posted 11 years 7 months ago #5905
Ok
Je laisse tombé pour les svg, cela me prend trop de temps... tant pis pour IE...
Je verrai par la suite pour ton plug-in.
Merci
by rezalg

Please Log in or Create an account to join the conversation.

Replied by Alainb on topic Fond dégradé du maximenu_ck et Internet Explorer

Posted 11 years 6 months ago #6491
Salut Ced,
Sais tu me dire ou ca en est? Sur ton parametre maximenu on a possibilité de mettre en place le dégradé. J'ai essayé et apparement sur IE pas bon, sur FF ok.

Es ce que le problème est toujours d'actuaité avec EI? Y'a t'il une solution?

AlainB
by Alainb

Please Log in or Create an account to join the conversation.

Time to create page: 0.756 seconds

Fast and powerful creation, customizable and responsive.

Read More

We have 906 guests and no members online