Bug 57946 – getComputedStyle() doesn't support CSS3 multiple backgrounds

• Status: RESOLVED
• Resolution: WORKSFORME
• Component: CSS

[André Dion]

If a given element has multiple background applied, getComputedStyle() will only return the first value.

E.g.,

#test {
    background-image: url('test1.png'), url('test2.png');
    background-repeat: no-repeat, repeat-x;
    background-position: 0 0, 100px 100px;
    -webkit-background-size: 10px, 100px;
}

------

var cs = window.getComputedStyle(document.getElementById('test'));
cs.backgroundImage; // url('test1.png')
cs.backgroundRepeat; // no-repeat
cs.backgroundPosition; // 0px 0px
cs.WebkitBackgroundSize; // 10px

[Emil A Eklund]

This appears to have been fixed in tip of tree,

cs.backgroundImage; // url(test1.png), url(test2.png)