Question

我有两个班：之一：

  .ui-combobox-customclose {
      background: url('js/autocomplete/css/ui-lightness/images/close-button.gif') no-repeat right center;
      z-index: 105;
  }

和另一个类（证明背景）与输入框相关联。如何在该输入框的右侧覆盖此图像（ui-combobox-customclose）。

我在运行时添加这个类。但这并没有显示图像。

如果我指定高度和宽度，然后输入.insertAfter。然后图像即将到来。但这打破了整个组织。

我想在输入框中合并该图像。这就是为什么我需要在两个不同的CSS类中叠加两个图像。

Answer 1

你可以定位一个类并添加两个背景，使顶部的一个半透明png。

.backgroundMerge {
  background: url(one.jpg), url(two.jpg) no-repeat center;
}

否则你需要使用canvas标签，并可能将组合图像导出到data-uri字符串并接受并附加它。

编辑：您可以通过如下传递来获取和存储背景，然后将其添加到另一个背景

var backgroundOne = $(".ui-combobox- customclose").css('background-image');     
$('element').css({ 'background' : backgroundOne + ', url(someotherimage) no-repeat'});

如何在两个单独的类中叠加两个图像？

1 个答案: