- Added IE8 compatibility

Signed-off-by: Christian Schepp Schaefer <schaepp@gmx.de>
anselmh · Nov 22, 2013 · 26dfbe9 · 26dfbe9
1 parent f4f3689
commit 26dfbe9
Show file tree

Hide file tree

Showing 5 changed files with 6 additions and 6 deletions.
diff --git a/polyfill.object-fit.js b/polyfill.object-fit.js
@@ -41,7 +41,7 @@
 		var defaultComputedStyle = this.getComputedStyle(defaultElement, iframe.contentWindow);
 
 		for (var property in defaultComputedStyle) {
-			var value = defaultComputedStyle.getPropertyValue(property);
+			var value = defaultComputedStyle.getPropertyValue ? defaultComputedStyle.getPropertyValue(property) : defaultComputedStyle[property];
 			if (value !== null) {
 				switch (property) {
 					default:
@@ -66,7 +66,7 @@
 
 	objectFit.getMatchedStyle = function(element, property){
 		// element property has highest priority
-		var val = element.style.getPropertyValue(property);
+		var val = element.style.getPropertyValue ? element.style.getPropertyValue(property) : element.currentStyle[property];
 
 		// if it's important, we are done
 		if (val !== null) return val;

diff --git a/tests/index-contain.html b/tests/index-contain.html
@@ -6,7 +6,7 @@
 	<style>
 		img {
 			width: 100%;
-			height: 35rem;
+			height: 35em;
 
 			margin: 10px 0;
 			border: 5px solid red;

diff --git a/tests/index-cover.html b/tests/index-cover.html
@@ -6,7 +6,7 @@
 	<style>
 		img {
 			width: 100%;
-			height: 35rem;
+			height: 35em;
 
 			margin: 10px 0;
 			border: 5px solid red;

diff --git a/tests/index-fill.html b/tests/index-fill.html
@@ -6,7 +6,7 @@
 	<style>
 		img {
 			width: 100%;
-			height: 35rem;
+			height: 35em;
 
 			margin: 10px 0;
 			border: 5px solid red;

diff --git a/tests/index-none.html b/tests/index-none.html
@@ -6,7 +6,7 @@
 	<style>
 		img {
 			width: 100%;
-			height: 35rem;
+			height: 35em;
 
 			margin: 10px 0;
 			border: 5px solid red;