1

我有一个带有多个背景图像的元素，如下所示：

HTML

<div id="myDiv"></div>

CSS

div {
  ...
  background-image: url("img1"), url("img2"), url("img3");
  background-size: 30px 30px, 30px 30px, 30px 30px;
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-position: bottom left, bottom center, bottom right;
}

现在我想获得“背景图像”样式值，所以我尝试执行以下操作：

JavaScript

bgImg = $("#myDiv").css("background-image");
console.log(bgImg); // expect -> url("img1"), url("img2"), url("img3")

它在 Mac OS 上的 Chrome / Firefox / Safari 上运行良好。

但是，使用 Android (OS 2.3.x) 上的默认浏览器，它会输出第一个 background-image 元素。

url("img1")

有谁知道为什么以及如何在 Android 的默认浏览器上获取多个“背景图像”值？

示例代码

http://jsfiddle.net/kakipo/r3HMF/1/

（移动访问：http: //jsfiddle.net/kakipo/r3HMF/1/show）

4

0 回答 0