小编Bra*_*ght的帖子

我想知道是否有一种简单的方法可以在多个div中"平铺"或"窗口"单个背景图像.我想创建一种打孔的窗口外观.

请记住,我想动态添加这些框.最多可以有16个,但我可以有9个.

我这里有一个小提琴:链接到小提琴

我想要做的是代替显示的背景图像,它只是白色..而不是div是白色的,它们包含背景图像的那一部分.对不起,如果这不是一个很好的描述,但基本上我想把白色与背景交换.

像这样的东西:

<div id="blocks">
  <div class="block" style=" background: some-section-of-image ;"></div>
  <div class="block" style=" background: some-section-of-image2;"></div>
  <div class="block" style=" background: some-section-of-image3;"></div>
  <div class="block" style=" background: some-section-of-image4;"></div>
</div>

我想用尽可能少的jQuery做到这一点......但也许这是不可行的.

我摆弄着一些环境

opacity:0.0;

只是块,但无法弄清楚如何不在其他地方显示图像.谢谢!

所以我现在的问题是,当我提交以下表格时,我无法将我的模型放入我的控制器中.我试图让BillingCodes(这是一个BillingCodeObjects列表)中的项循环并显示.我已经删除了一些与这种情况无关的代码,使其更简单,更容易阅读.

这是我的观点的代码......

@using (Html.BeginForm("SubmitTimesheet", "Timesheet", FormMethod.Post))
{


foreach (var item in Model.BillingCodes)
{

    <div class="button-padding">
        <a class="btn btn-large btn-danger btn-block billCodeBtn">
            <div class="btnText">@item.Name</div>
            <div class="btnTime">@item.TotalHours</div>

            <i class="icon-chevron-down billCodeIconUp billCodeIcon"></i>
            <i class="hidden icon-chevron-up billCodeIconDown billCodeIcon"></i>
        </a>

        <div class="content" >
            <div class="row timeEntry">
                <p></p>
                <div class="col-12 col-lg-2">
                    Enter Time: 
        <div class="row">
            <div class="col-12">
                @Html.DropDownListFor(model => item.EnterTimeHours, new SelectList(new[] {
                    new { Value = "0", Text = "0" },
                    new { Value = "1", Text = "1" },
                    new { Value = "2", …