Question

我在页面中显示了以下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>

除了属性__roundedDiv ='true'与普通HTML代码不同外，这是普通的HTML！

对于圆角扩展器的左上角，右上角，顶部和底部，使用边框创建单独的div。但是边框没有显示在电子邮件中！

请指导我在电子邮件中显示圆角。

Answer 1

电子邮件中没有AJAX，也没有ASP.Net。所有你可以使用HTML，表格，图像和内联CSS。

对于圆角，您需要创建一个图像并使用表格对其进行定位。

AJAX Rounded Corners扩展器没有在ASP.Net的电子邮件中显示

1 个答案: