Ho progettato una newsletter e mentre il border-radius funziona sul mio localhost (mostrando tutti i bordi del round) - ma non funziona quando testato tramite e-mail di esempio. Mi sono inviato tramite posta elettronica usando yahoo e Firefox, è uscito con i bordi taglienti. Non funziona anche in Outlook 2007.Border-Radius non funziona in e-mail e browser
Qualcuno sa come risolvere questo problema? Apprezzerò il tuo aiuto
Non funzionerà mai in Outlook 2007 poiché utilizza la parola come renderer, che non supporta la maggior parte dei css.
Per firefox, è necessario aggiungere il prefisso -moz-, assicurarsi di averlo fatto.
In caso contrario, pubblica la tua versione css e firefox.
Grazie per il tuo suggerimento - lo aggiungeremo ora. Oltre ad aggiungere il 'moz-' per consentirne la visualizzazione su Firefox, esiste un altro metodo più semplice per creare bordi arrotondati che possono essere visualizzati su Outlook? Ho usato un codice ed era troppo lungo, quindi alcuni qui sono stati consigliati. Uso il border-radius. Si scopre di non lavorare su Outlook :-( – Julie
l'unica cosa che puoi fare sono le immagini, questa è la cosa migliore per le e-mail in quanto significa che funzionerà in ogni client di posta elettronica di immagini.mail client basati su web come yahoo e gmail usano solo il browser come client di rendering. – rickyduck
Grazie ancora, sembra l'unica opzione ora. Applausi comunque. – Julie
Le newsletter in strumenti di campagne email come (outlook, gmail, hotmail) hanno meno supporto CSS. Inoltre, border-radius è supportato per i browser Web e non per i client di posta elettronica.
È preferibile utilizzare per immagini di sfondo, immagini pure, gradienti, angoli arrotondati e materiale correlato 3D anziché utilizzare lo stile CSS.
Vedi questo riferimento: Campaign Monitor
Questo spettacoli di riferimento quali proprietà CSS è supportata da diversi client di posta elettronica.
Vedere altri riferimenti: Email newsletter not rendering correctly
non credo che Outlook supporto 2007 la proprietà border-radius, quindi probabilmente è normale se non visualizza gli angoli arrotondati. Se siete alla ricerca di una soluzione, vi consiglio di dare un'occhiata a questa domanda: How can I make rounded corners on non-CSS3 browsers?
Per il CSS nei browser moderni, attualmente è necessario anteporre determinati parametri fisico, ad esempio:
.withRoundedCorners {
border-radius: 5px; // Standard
moz-border-radius: 5px; // Firefox
khtml-border-radius: 5px; //
o-border-radius: 5px; // Opera
webkit-border-radius: 5px; // Safari
ms-border-radius: 5px; // Internet Explorer 9+
}
I sapere che è noioso ... Ma è temporaneo, in futuro sarà richiesto solo il border-radius.
Lo userò quando lavoro su un browser. Per ora, mi concentrerò sulla prospettiva - questo è quello che usano i nostri clienti target. Saluti per i suggerimenti. – Julie
Domanda duplicata, http://stackoverflow.com/questions/7089248/email-newsletter-not-rendering-correctly/7089327#7089327 –