Расширитель AJAX Rounded Corners не отображается в электронной почте в ASP.Net - PullRequest
Новая
       7

Расширитель AJAX Rounded Corners не отображается в электронной почте в ASP.Net

0 голосов
/ 02 декабря 2010

Я показал приведенный ниже источник HTML на странице и отправил по почте то же самое.Расширитель закругленных углов, присутствующий в HTML, не отображается в отправленном мною электронном письме.

<asp:Panel ID="pnlDetails" BackColor="#F9F9F9" Width="740px" runat="server">

                <table width="100%">
                    <tr>
                        <td>
                            <span style="font-family: Verdana; font-size: 11px; color: Black; font-weight: bold;">
                                Name:</span>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <asp:Label ID="lblName" Style="font-family: Verdana; font-weight: normal;
                                font-size: 11px; color: Black; margin-left: 0px;" runat="server" Text="-"></asp:Label>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <span style="font-family: Verdana; font-size: 11px; color: Black; font-weight: bold;">
                                Address:</span>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <asp:Label ID="lblAddress" Style="font-family: Verdana; font-weight: normal;
                                font-size: 11px; color: Black; margin-left: 0px;" runat="server" Text="-"></asp:Label>
                        </td>
                    </tr>
                </table>
            </td>    <!-- Extraneous? -->
        </tr>        <!-- Extraneous? -->
    </table>         <!-- Extraneous? -->
</asp:Panel>
   <cc1:RoundedCornersExtender ID="RoundedCornersExtender1" Corners="All" TargetControlID="pnlDetails"
    Radius="6" BorderColor="#D5DCDF" runat="server">
</cc1:RoundedCornersExtender>

Весь HTML отлично отображается в электронном письме, за исключением того, что не отображаются только закругленные углы.Если я сохраню исходный HTML-код электронной почты как HTML-страницу и просмотрю в браузере, закругленные углы будут отображаться идеально.Панель и закругленные углы преобразуются в div.Ниже приведен источник расширения закругленных углов, присутствующий в электронной почте (при сохранении в формате HTML я получил этот код): 

<DIV style='BORDER-LEFT: #d5dcdf 1px solid;
 BACKGROUND-COLOR: transparent; HEIGHT: 1px; MARGIN-LEFT: 0px; FONT-SIZE: 1px; OVERFLOW: hidden; 
MARGIN-RIGHT: -2px; BORDER-RIGHT: #d5dcdf 1px solid' __roundedDiv='true'></DIV>  
<DIV style='BORDER-LEFT: #d5dcdf 1px solid; BACKGROUND-COLOR: transparent; HEIGHT: 1px; 
MARGIN-LEFT: 0px; FONT-SIZE: 1px; OVERFLOW: hidden; MARGIN-RIGHT: -2px; BORDER-RIGHT: #d5dcdf 1px solid' 
__roundedDiv='true'></DIV>  <DIV style='BORDER-LEFT: #d5dcdf 1px solid; BACKGROUND-COLOR: transparent; 
HEIGHT: 1px; MARGIN-LEFT: 1px; FONT-SIZE: 1px; OVERFLOW: hidden; MARGIN-RIGHT: -1px; 
BORDER-RIGHT: #d5dcdf 1px solid' __roundedDiv='true'></DIV>  
<DIV style='BORDER-LEFT: #d5dcdf 1px solid; 
BACKGROUND-COLOR: transparent; HEIGHT: 1px; MARGIN-LEFT: 2px; FONT-SIZE: 1px; OVERFLOW: hidden; 
MARGIN-RIGHT: 0px; BORDER-RIGHT: #d5dcdf 1px solid' __roundedDiv='true'></DIV>

Это обычный HTML, за исключением того, что свойство __oundedDiv = 'true' отличается от обычного кода HTML!

Для верхней левой, верхней правой, верхней и нижней частей расширителя с закругленными углами создается отдельный элемент div с границами.Но границы не отображаются в электронной почте!

Пожалуйста, помогите мне отобразить закругленные углы в электронной почте.

1 Ответ

0 голосов
/ 31 января 2011

Нет AJAX и нет ASP.Net в электронной почте.Все, что вы можете использовать, это HTML, таблицы, изображения и встроенный CSS.

Для закругленных углов вам потребуется создать изображение и расположить его в виде таблицы.

...