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 回答