c#如何获得图像从在 CSS 样式标记内视图使用的模型?

标签: Asp.net HTML CSS C#
发布时间: 2017/2/25 3:45:57
注意事项: 本文中文内容可能为机器翻译,如要查看英文原文请点击上面连接.

我有一个属性在每个对象项目模型,其中包含的映像名称。我需要加载适当的样式的 css,以便每个项目的每个属性。我发现你尚不能访问模型中的 CSS 文件。 这是我 View ,并尝试使用 @item.OutputImage 在一个样式的标记,它似乎并不工作︰

@model IEnumerable<ValueVille.Models.CategoryViewModel>

@{
    ViewBag.Title = "Home Page";
}

@foreach (var item in Model)
{
    <style>
        #nicky-bg-top {
            background: #0197BA url("/Content/Images/@item.OutputImage") no-repeat 49.5% 0%;
            background-size: 128px 128px;
        }
    </style>
}

内容与样式的 css 类是其中具有 id 的第三个 div 的 nicky-bg-top :

    <div class="row whiteBG">
    @foreach (var item in Model)
    {
        <div class="col-sm-3 align-centre">
            <img src="@item.OutputImage" alt="@item.Image" />
            <div class="blend-box-top" id="nicky-bg-top">
                <div class="item-container">

                    <div class="desc-plus">
                        <p>@item.Name</p>
                        <p>+</p>
                    </div>
                </div>
            </div>
        </div>
    }
</div>

解决方法 1:

我决定只是在 CSS 文件中使用多个 CSS 类,在像这样使用的模型视图中使用 id 属性︰

class="blend-box-top category-head" id="categories-bg-top-@item.Id"

            <div class="blend-box-top category-head" id="categories-bg-top-@item.Id">
                <div class="item-container">

                    <div class="desc-plus">
                        <p>@item.Name</p>
                        <p>+</p>
                    </div>
                </div>
            </div>
赞助商