Bug IE, ne comprends pas

Par François Cammas, il y a 11 ans

Les bases HTML/CSS

Bonjour à tous,

Je suis en train de créer mon portfolio / CV. Et je me suis aperçu d'un bug sur IE au niveau de ma div #dialog qui s'ouvre lors d'un click sur une réalisation.

url : fcammas.fr

#dialog { display: none; position: fixed; top: 50%; left: 50%; z-index: 51; min-width: 50%; max-width: 100%; max-height: 90%; overflow: auto; padding: 30px; border-radius: 5px; border: solid #484848 5px; background-color: #e8e8e8; color: #909090; transform: translateX(-50%) translateY(-50%); }

Je pense qu'il s'agit d'une merde avec le CSS et 'transform'.

Si quelqu'un peut me donner un coup de main

2 réponses

satwa, il y a 11 ans

Si tu ajoutes
-ms-transform: translateX(-50%) translateY(-50%);
en dessous de ton transform ?

Metylene, il y a 11 ans

Effectivement il faut que tu préfixe transform

-webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%);