1

我有一个 MVC 4 视图，我在其中显示数据表。<div>该表在标签内呈现。我想做的是显示 div 内容位于其顶部的背景图像。图像应包含大部分或全部 div，并且有些微弱和微妙。换句话说，它不应该脱颖而出。它应该几乎看起来像一个水印。我在 MVC 和 HTML/CSS 方面没有很多经验，也不知道该怎么做。

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

4

1 回答 1

3

哦，这很容易。给 div 一个类，例如：

 <div class="table-wrapper">

在页面上使用的 css 文件的末尾，如果它们是一个，请像这样编写 css：

.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%; 

}

只要您不使用透明度，您就不应该看到 png 或 jpg 之间的大小差异很大。具有透明度的 .pngs 可以很快地使文件变大。

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

于 2013-03-13T12:20:03.163 回答