From 9fde54c2c7a3a4dc0c471e813854d10d7d2d8d3b Mon Sep 17 00:00:00 2001
From: Tom MacWright <tom@macwright.org>
Date: Wed, 9 Jan 2013 12:53:01 -0500
Subject: [PATCH] Inline image css to fix selector perf, was about 3%

---
 css/app.css                  | 14 ++++++++------
 js/id/renderer/background.js |  8 +++++++-
 2 files changed, 15 insertions(+), 7 deletions(-)

diff --git a/css/app.css b/css/app.css
index 822f272e9..0a7468faa 100644
--- a/css/app.css
+++ b/css/app.css
@@ -22,6 +22,13 @@ body {
     box-sizing: border-box;
 }
 
+/* Mobile Tweaks
+------------------------------------------------------- */
+* {
+    -webkit-tap-highlight-color:rgba(0,0,0,0);
+    -webkit-touch-callout:none;
+}
+
 h2 {
     font-size: 25px;
     line-height: 1.6;
@@ -1035,9 +1042,4 @@ div.typeahead a:first-child {
     left: 30px;
     }
 
-/* Mobile Tweaks
-------------------------------------------------------- */
-* {
-    -webkit-tap-highlight-color:rgba(0,0,0,0);
-    -webkit-touch-callout:none;
-}
+
diff --git a/js/id/renderer/background.js b/js/id/renderer/background.js
index 184f98401..76188c79f 100644
--- a/js/id/renderer/background.js
+++ b/js/id/renderer/background.js
@@ -6,6 +6,12 @@ iD.Background = function() {
         transformProp = iD.util.prefixCSSProperty('Transform'),
         source = d3.functor('');
 
+    var imgstyle = 'position:absolute;transform-origin:0 0;' +
+        '-ms-transform-origin:0 0;' +
+        '-webkit-transform-origin:0 0;' +
+        '-moz-transform-origin:0 0;' +
+        '-o-transform-origin:0 0;';
+
     function atZoom(t, distance) {
         var power = Math.pow(2, distance);
         var az = [
@@ -82,7 +88,7 @@ iD.Background = function() {
         }
 
         image.enter().append('img')
-            .attr('class', 'tile')
+            .attr('style', imgstyle)
             .attr('src', function(d) { return d[3]; })
             .on('error', error)
             .on('load', load);