About Rory C-B

Rory is a part of the Website Relations team. He works with the BlackBerry Browser team to ensure you receive the best possible experience when surfing the 'net. He can also be found haunting the developer forums, contributing to bbUI.js and on Twitter (@roryboy).

BlackBerry Developer Blog

Order and omissions matter when it comes to CSS. Until recently there was a quirk in the WebKit rendering engine related to the shorthand background property. The good news is that it has been fixed; the bad news is that it potentially breaks legacy code. If the background-size property is set prior to declaring background property it no longer behaves in the same fashion. The simplest solution is to declare the size of a background image in the background property.

code:

a.icon.good2 {
	background: #215387 url(test-sprite@2x.png) 4px -6px / 40px 82px no-repeat;
	}

Note: Including the size in the background property is not supported in older browsers. See example 2 below for a more backwards compatible solution.

View original post 170 more words

Advertisements