使用JavaScript获取CSS背景图像的大小？

是的，我会这样做…

  window.onload = function() {    var imageSrc = document         .getElementById('hello')          .style.backgroundImage .replace(/url((['"])?(.*?)1)/gi, '$2')  .split(',')[0];    // I just broke it up on newlines for readability    var image = new Image();    image.src = imageSrc;    var width = image.width,        height = image.height;    alert('width =' + width + ', height = ' + height)}

一些注意事项…

• 我们需要删除

  url()

  Javascript返回的部分以获取正确的图像源。

  ,

  如果元素具有多个背景图像，我们需要分割。
• 我们创建一个新

  Image

  对象并将其设置

  src

  为新图像。
• 然后，我们可以读取宽度和高度。

jQuery可能不会让您头痛不已。