相关疑难解决方法(0)

在多个div之间划分单个背景图像以创建"窗口"效果的方法?

我想知道是否有一种简单的方法可以在多个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>
Run Code Online (Sandbox Code Playgroud)

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

我摆弄着一些环境

opacity:0.0;
Run Code Online (Sandbox Code Playgroud)

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

html javascript css jquery

11
推荐指数
1
解决办法
4360
查看次数

标签 统计

css ×1

html ×1

javascript ×1

jquery ×1