将类值添加到src：image不会显示

Question

我正在为sc：image添加一个类值，但是当它呈现时它没有显示正确。这里是没有渲染的HTML中的样子：

 <a href="/">
    <sc:Image ID="Logo" runat="server" Field="Header Logo" class="logo" /> 
 </a>

但是当它呈现给网页时，它会显示如下：

<a href="/">
    <img src="/~/media/logo.png" alt="" width="196" height="34"> 
</a>

但是，我想完成这样的事情：

<a href="/">
    <img src="/~/media/logo.png" alt="" width="196" height="34" class="logo"> 
</a>

我该如何解决这个问题？

Answer 1

将类应用于图像的一种方法是将CSS类放在不是Web控件的更高块级别，也许是在包装DIV上。这可能允许您在整个块中使用样式，而不仅仅是图像本身。

要将类直接应用于IMG标记，您应该使用Image控件的CssClass属性，以便它将呈现为“类”标记：

<a href="/">
     <sc:Image ID="Logo" runat="server" Field="Header Logo" CssClass="logo" />
</a>