Image 在MVC视图中处理背景图像的首选方法

我有一个MVC4视图，其中显示一个数据表。此表在

标记内呈现。我想做的是显示一个背景图像，div内容放在上面。图像应该包含div的大部分或全部，并且有点模糊和微妙。换句话说，它不应该脱颖而出。它应该看起来像一个水印。我对MVC和HTML/CSS没有太多的经验，也不知道如何做到这一点

---

我不确定我应该使用什么类型的图像（PNG、JPG？），或者它是否重要，以及如何使其足够透明以使其看起来微妙等等。我假设CSS可以为我处理大部分这类问题，只是不确定从哪里开始。

哦，这很容易。给这个部门一个等级，例如：

 <div class="table-wrapper">

只要不使用透明度，png和jpg之间的大小就不会有太大差异。具有透明度的PNG可以很快使文件变大

---

我建议选择与周围区域的颜色非常接近的图像。通过这种方式，您可以给人留下低对比度或半透明图像的印象，而不需要文件大小成本。

是的，这非常简单。如果我设置不透明度，让它看起来更微妙（透明）（我还没有机会实现你的解决方案），会有帮助吗。

.table-wrapper{
  background-image: url(/path/to/image);
  /* if the image repeats nicely, tile it, using background-repeat */
  background-repeat: repeat; /* repeat-x, repeat-y and no-repeat are options */
  /* alternatively, you could stretch it to fit the div, using background-size */
  background-size: 100% 100%; 

}