[wsteed]

I have created a webpage that uses the background-size css property for several buttons. It renders correctly in IE, Chrome and Safari, but in the MobiOne emulators, the property is not being applied and does not show up in the DOM Inspector???
Is there some reason the emulators would drop this property? The opacity and background-repeat work as expected. The background-position in converted to background-position-x and background-position-y, but renders correctly.
Here is my css for the button:
opacity: 1;
background-repeat: no-repeat;
background-size: 32px 32px;
background-position: 2px 14px;

Attachments:

You must be logged in to view attached files.

[support-octavio]

Hi wsteed,

TC is based on quite old Chrome codebase, so to make this prop work you should specify
-webkit-background-size instead of background-size

Let us know how it goes for you.

[wsteed]

That did fix the way the page renders, but emphasizes a larger problem. I was expecting the emulator to more closely behave like the devices I choose (iphone 4, iphone 5, etc.) and render pages similarly to the underlying version of safari contained in the iOS I chose.
Anyhow, thanks for your reply.

[Author]

Posts