0

私はHTMLページに取り組んでいます。このページでは、ユーザーは DIV の「背景画像」属性値として機能する画像を選択できます。ユーザーは、画像に陰影を付ける色を選択することもできます。

これを構築しようとして、http: //doodles.tev.net/texture2/というサイトを見つけました。それはまさに私が望むことをしています。ただし、私のアプリのコードは背景色を適切に適用していないようです。background-image 値が設定されている場合、background-color は影響を与えません。ここに私が持っているものがあります:

<div id="myDiv" style="height:200px; width:200px; border:1px solid black; display:inline-block;">&nbsp;</div>

function updateMyDiv() {
  var bg = getBG();
  $("#myDiv").css("background-color", bg);

  var fg = getFG();
  $("#myDiv").css("color", fg);

  var txt = getTxt();
  if ((txt != null) && (txt.path != null) && (txt.path.length > 0)) {
    $("#myDiv").css("background-image", 'url(' + txt.path + ')');
  } else {
    $("#myDiv").css("background-image", '');
  }
}

色を選択すると、リンク先のサイトで「60 度グレー」に色合いが適用されるのはなぜですか。ただし、私のアプリでは、色合いが適用されません。

ありがとうございました

4

1 に答える 1

0

背景画像を指定すると、常に背景色の上に表示されます。背景色は、通常、背景画像が 404 を返した場合、または画像が背景全体をカバーしていない場合のフォールバックとして使用されます。

リンク先のサイトをよく見ると、画像が半透明であることがわかります。これはあなたの問題かもしれないと思います。あなたの画像は半透明ですか？

于 2013-03-19T11:56:41.017 に答える