Problème de lisibilité avec Edge

[frederique-rko]

Détails techniques

Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Autre
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Plusieurs utilisateurs
Problème apparu depuis : Sur EDGE
Lien du forum : http://smackdownvsraw.forumactif.com/

Description du problème

Bonjour,

Mon codage html en message fonctionne très bien sur Firefox et Explorer. Mais les membres qui utilisent Edge ne peuvent pas le lire. Comme si le background blanc n'apparaissait pas, ce qui fait du rouge sur un fond rouge, c'est totalement illisible bien entendu.

Comment faire pour que ça soit compatible quelque soi l'explorateur Internet. Merci

Code:

<td colspan="2" class="hr"><hr /></td></tr><tr><td colspan="2"><div class="postbody"><div><div style="width: 100%;height: 100%; background: url('https://i.servimg.com/u/f69/20/15/38/42/bb15.jpg') repeat 0 0; padding: 20px;box-sizing: border-box; "><div style="background: linear-gradient(to bottom, rgba(255,255,255) 100%,rgba(178,34,34) 100%); width: 700px; margin: 0 auto;border-radius: 0 0 10px 10px; border: 2px solid black;"><center><br><img src="https://i.imgur.com/LWcNkPt.png" alt="" /></center><div style="padding: 10px 20px 10px; font-family: 'Teko', sans-serif; font-size: 18px;font-weight: 200;"><font color="#677179"><center><div style="font-size:11px; font-family: verdana; color: white; line-height: 20px; text-align: justify; padding-left: 20px; padding-right: 20px; text-shadow: 1px 1px 1px black;"><font color="silver"><font size=3></FONT><div align="center"><div style="font-size:11px; font-family: verdana; color: red; line-height: 20px; text-align: justify; padding-left: 20px; padding-right: 20px; text-shadow: 1px 1px 1px black;"><font color="silver"><font size=3><p align=justify></font><font size=3><font color=firebrick><center><iframe width="400" height="250" src="https://www.youtube.com/embed/7ht7Fe2hMX8?autoplay=1" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe></center><center><img src=https://i.imgur.com/qJcGWKg.png></center>

[Kardo]

Bonjour,
Cela doit venir du fait que la propriété linear-gradient n'est pas compatible avec edge,
Essayez en changeant

Code:

<div style="background: linear-gradient(to bottom, rgba(255,255,255) 100%,rgba(178,34,34) 100%); width: 700px; margin: 0 auto;border-radius: 0 0 10px 10px; border: 2px solid black;">

par

Code:

<div style="background: #fff; width: 700px; margin: 0 auto;border-radius: 0 0 10px 10px; border: 2px solid black;">

Cette div devrait se trouver dans votre portail.

[frederique-rko]

Ça fonctionne parfaitement.

Mille merci