We apologize for untranslated text, you can use the Google Translation button to get an automatic translation of the web page in the language of your choice.

Utilisation du z-index au CSS d'un plugin

Christina Tzoka · on 3/9/15 at 12:42 PM

Bonjour à tous,

Je voudrais savoir si il y a des propriétés en CSS qu'on a pas droit d'utiliser sur jcms.

Par exemple, je voudrais savoir si jcms ne supporte pas du tout le z-index ou quels sont les "prix" recommandés à utiliser afin d'obtenir l'effet des backgrounds superposés.

Je vous remercie par avance de votre réponse.

 Bien à vous,

Christina

8 pts
Bruno Courtiau · on 3/9/15 at 2:41 PM

Bonjour Christina,

je n'ai jamais entendu parler de restriction particulière par rapport au z-index. Je vais demander à un expert R&D développements Front Office d'apporter son avis sur le sujet.

0 pts
Kevin Bransard · on 3/9/15 at 3:06 PM

Vous retrouverez la liste des différents z-index dans nos fichiers de variables. Par exemple pour JCMS 9 :

Dans bootstrap.less : 

//-- Z-index master list//
// Warning: Avoid customizing these values. They're used for a bird's eye view
// of components dependent on the z-axis and are designed to all work together.
//
// Note: These variables are not generated into the Customizer.
@zindex-navbar: 1000;
@zindex-dropdown: 1000;
@zindex-popover: 1060;
@zindex-tooltip: 1070;
@zindex-navbar-fixed: 1030;
@zindex-modal-background: 1040;
@zindex-modal: 1050;

Dans jcms-variables.less : 

//Z-index : see bootstrap variables for other z-indexes
@z-index-sidebar: 1060;
@z-index-work-edit-header: 1025;
// Z-index JCMS components
@zindexAdminNotes: 500;
@zindexTopBarEdit: 1035; // Under modal backdrop
@zindexTopBar: 1055; // Over Modal but under popover and menus
@zindexPublicationActions: 1025; // Under topbar and under modal
@zindex-bottombar: 1055;
@zindexAjaxWait: 1055;
@zindexPopin: @zindexPopover;
@zindexTopLevel: 1070; // Could be in modal in a Popover
@zindexTypeAhead: @zindexTopLevel;
@zindexMenu: 1000;
2 pts
Christina Tzoka · on 3/9/15 at 5:35 PM

Merci beaucoup pour la réponse, mais je crains que il ne me suffit pas pour mon cas particulier...

J'utilise z-index: -1 (sur un background) et il couvre l'entête de la portlet que le z-index est appliqué quand je suis en "édition du portail".

Vu que tous les z-indexes présentés ci-dessus sont des numéros positifs, si je comprends bien, ça ne devrait pas interférer avec jcms.

Je vous remercie pour votre réponse.

Christina

1 pt