sitecore - 将类值添加到 sc: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>