0

我有两门课：一：

  .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 类中覆盖两个图像。

4

1 回答 1

1

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

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

否则，您将需要使用画布标签，并可能将组合图像导出到 data-uri 字符串并获取并附加它。

编辑：您可以通过如下方式获取和存储背景，然后将其与另一个背景一起添加

var backgroundOne = $(".ui-combobox- customclose").css('background-image');     
$('element').css({ 'background' : backgroundOne + ', url(someotherimage) no-repeat'});
于 2013-04-23T12:08:29.057 回答