在Webkit浏览器中访问“背景图像” css属性

|| 我正在使用CSS设置某些元素的背景图像(某些元素没有背景图像)
.file-type-pdf {
    background-image: url(\"file-type-pdf.png\");
}
然后,我试图在javascript中确定某些元素是否具有背景图片,如下所示
var style = YAHOO.util.Dom.getStyle(el, \'background-image\');
console.log(style);
这在FF中非常有效,其中无背景图像的元素返回\'none \',而有背景图像的元素返回图像url。 但是,在chrome和safari中,两种情况下相同的代码都会返回一个空字符串。 如果我要按照如下方法在javascript代码中设置背景图片,则chrome和safari然后正确返回图片网址\'foo.jpg \'
YAHOO.util.Dom.setStyle(el, \'background-image\', \'url(\"foo.jpg\")\');
var style = YAHOO.util.Dom.getStyle(el, \'background-image\');
console.log(style);
但是,我无法弄清楚为什么这些浏览器无法通过css访问设置的背景图像 还要注意,这种语法(可能对某些语法更熟悉)产生的结果相同(Webkit浏览器中为空字符串,但在FF上正确)...
var style = window.getComputedStyle(el, null) || el.currentStyle;
console.log(style.backgroundImage);
任何帮助将非常感激     
已邀请:
        使用本页上的Chrome控制台在Stack Overflow徽标上对我来说效果很好。 对于香草JS:
var logo = document.getElementById(\"hlogo\").childNodes[1];
getComputedStyle(logo).getPropertyValue(\'background-image\');
对于jQuery:
$(\"#hlogo a\").css(\"backgroundImage\")`
对于YUI:
// You have to load YUI first.
var logo = document.getElementById(\"hlogo\").childNodes[1];
YAHOO.util.Dom.getStyle(logo, \'background-image\');
全部返回
\"url(http://cdn.sstatic.net/stackoverflow/img/sprites.png?v=3)\"
。     

要回复问题请先登录注册