Projektowałem biuletyn, a podczas gdy border-radius działa na moim localhost (pokazując wszystkie rundy krawędzi) - ale to nie działa, gdy testowany przez przykładowy e-mail. Napisałem e-mailem za pomocą poczty Yahoo i Firefox, wyszedł z ostrymi krawędziami. Nie działa również w programie Outlook 2007.Border-Radius nie działa w wiadomościach e-mail i przeglądarce
Ktoś wie, jak rozwiązać ten problem? Docenię twoją pomoc.
To nigdy nie zadziała w programie Outlook 2007, ponieważ używa słowa jako mechanizmu renderującego, który nie obsługuje większości css.
W przypadku firefoxa należy dodać prefiks -moz-, proszę się upewnić, że to zrobiłeś.
Jeśli nie, opublikuj wersję css i firefox.
Dzięki za wskazówkę - dodamy ją teraz. Oprócz dodania "moz-", aby umożliwić wyświetlanie go w Firefoksie, istnieje jeszcze jedna prostsza metoda tworzenia zaokrąglonych krawędzi, które można wyświetlać w programie Outlook? Użyłem kodu i było zbyt długo, więc niektórzy tutaj polecili, że używam border-radius. Okazuje się, że nie działa na światopogląd :-( – Julie
jedyną rzeczą, jaką możesz zrobić, to obrazy, to jest najlepsze dla wiadomości e-mail, ponieważ oznacza to, że będzie działać w każdym kliencie poczty e-mail z obrazem, a klienci poczty e-mail, np. Yahoo i gmail, korzystają z przeglądarki jako klient renderujący – rickyduck
Jeszcze raz dziękuję, to wygląda na jedyną opcję teraz .. Wiwaty i tak – Julie
Biuletyny w narzędziach kampanii e-mailowych, takich jak (outlook, gmail, hotmail), mają mniejszą obsługę CSS. Co więcej, promień obramowania jest obsługiwany dla przeglądarek internetowych nie dla klientów poczty e-mail.
Lepiej jest używać obrazów tła, czystych obrazów, gradientów, zaokrąglonych rogów i obiektów związanych z 3d, zamiast używać stylów CSS.
Zobacz to odwołanie: Campaign Monitor
To pokazuje, które CSS referencyjne właściwość jest obsługiwana przez różnych klientów poczty.
Zobacz inne nazwy: Email newsletter not rendering correctly
Nie sądzę, że program Outlook 2007 wsparcie właściwość border-radius, więc to chyba normalne, jeśli nie wyświetla zaokrąglone narożniki. Jeśli szukasz obejście, proponuję, aby rzucić okiem na to pytanie: How can I make rounded corners on non-CSS3 browsers?
Dla CSS w nowoczesnych przeglądarkach, obecnie trzeba poprzedzić pewne informacje o parametrach, na przykład:
.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 wiem, że to nudne ... Ale to tymczasowe, w przyszłości będzie wymagane tylko border-radius.
Użyję tego podczas pracy nad przeglądarką. Na razie skupię się na prognozie - właśnie tego używają nasi klienci docelowi. Pozdrawiam za wskazówki. – Julie
Zduplikowane pytanie, http://stackoverflow.com/questions/7089248/email-newsletter-nie-odpowiedzi-nieprawidłowo/7089327#7089327 –