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 のサイズに大きな違いは見られないはずです。透明度のある .png は、ファイルを非常に迅速に大きくすることができます。

周囲の色にかなり近い画像を選択することをお勧めします。このようにして、ファイル サイズを気にせずに、コントラストの低い画像や半透明の画像の印象を与えることができます。

于 2013-03-13T12:20:03.163 に答える