diff --git a/layout/reftests/table-background/reftest.list b/layout/reftests/table-background/reftest.list
index 8ad1890efa8f..cd16559c594a 100644
--- a/layout/reftests/table-background/reftest.list
+++ b/layout/reftests/table-background/reftest.list
@@ -58,3 +58,5 @@ skip-if(B2G||Mulet) == border-separate-opacity-table.html border-separate-opacit
 == scrollable-rowgroup-separate-border.html scrollable-rowgroup-separate-notref.html # scrolling rowgroups were removed in bug 28800
 == empty-cells-default-1.html empty-cells-default-1-ref.html
 == empty-cells-default-2.html empty-cells-default-2-ref.html
+fails == table-row-opacity-dynamic-1.html table-row-opacity-dynamic-1-ref.html # bug 1224253
+fails == table-row-opacity-dynamic-2.html table-row-opacity-dynamic-2-ref.html # bug 1224251
diff --git a/layout/reftests/table-background/table-row-opacity-dynamic-1-ref.html b/layout/reftests/table-background/table-row-opacity-dynamic-1-ref.html
new file mode 100644
index 000000000000..e69c3005c1bb
--- /dev/null
+++ b/layout/reftests/table-background/table-row-opacity-dynamic-1-ref.html
@@ -0,0 +1,28 @@
+<!DOCTYPE HTML>
+<html>
+<title>Test for bug 1224253</title>
+<style>
+
+body { background: white; color: black }
+
+table {
+  padding: 0;
+  border-spacing: 0;
+  border: none;
+  width: 15em;
+}
+
+tr {
+  background: rgba(0, 0, 255, 0.8);
+}
+
+td {
+  border: none;
+}
+
+</style>
+
+
+<table>
+  <tr style="opacity: 0.8"><td>cell</td></tr>
+</table>
diff --git a/layout/reftests/table-background/table-row-opacity-dynamic-1.html b/layout/reftests/table-background/table-row-opacity-dynamic-1.html
new file mode 100644
index 000000000000..a92b2f8ac47e
--- /dev/null
+++ b/layout/reftests/table-background/table-row-opacity-dynamic-1.html
@@ -0,0 +1,55 @@
+<!DOCTYPE HTML>
+<html class="reftest-wait">
+<title>Test for bug 1224253</title>
+<style>
+
+body { background: white; color: black }
+
+table {
+  padding: 0;
+  border-spacing: 0;
+  border: none;
+  width: 15em;
+}
+
+tr {
+  background: rgba(0, 0, 255, 0.8);
+}
+
+td {
+  border: none;
+}
+
+</style>
+
+
+<table>
+  <tr><td>cell</td></tr>
+</table>
+
+<script>
+
+var tr = document.getElementsByTagName("tr")[0];
+
+document.addEventListener("MozReftestInvalidate", step1, false);
+
+function step1(event) {
+  requestAnimationFrame(step2);
+}
+
+function step2(now) {
+  tr.style.opacity = "0.8";
+  setTimeout(step3, 0);
+}
+
+function step3() {
+  tr.style.opacity = "0.8";
+  setTimeout(step4, 0);
+}
+
+function step4() {
+  tr.style.opacity = "0.8";
+  document.documentElement.classList.remove("reftest-wait");
+}
+
+</script>
diff --git a/layout/reftests/table-background/table-row-opacity-dynamic-2-ref.html b/layout/reftests/table-background/table-row-opacity-dynamic-2-ref.html
new file mode 100644
index 000000000000..a2faff6fdedf
--- /dev/null
+++ b/layout/reftests/table-background/table-row-opacity-dynamic-2-ref.html
@@ -0,0 +1,28 @@
+<!DOCTYPE HTML>
+<html>
+<title>Test for bug 1224253</title>
+<style>
+
+body { background: white; color: black }
+
+table {
+  padding: 0;
+  border-spacing: 0;
+  border: none;
+  width: 15em;
+}
+
+tr {
+  background: rgba(0, 0, 255, 0.8);
+}
+
+td {
+  border: none;
+}
+
+</style>
+
+
+<table>
+  <tr><td>cell</td></tr>
+</table>
diff --git a/layout/reftests/table-background/table-row-opacity-dynamic-2.html b/layout/reftests/table-background/table-row-opacity-dynamic-2.html
new file mode 100644
index 000000000000..cf9a5fd485bf
--- /dev/null
+++ b/layout/reftests/table-background/table-row-opacity-dynamic-2.html
@@ -0,0 +1,54 @@
+<!DOCTYPE HTML>
+<html class="reftest-wait">
+<title>Test for bug 1224251</title>
+<style>
+
+body { background: white; color: black }
+
+table {
+  padding: 0;
+  border-spacing: 0;
+  border: none;
+  width: 15em;
+}
+
+tr {
+  background: rgba(0, 0, 255, 0.8);
+}
+
+td {
+  border: none;
+}
+
+</style>
+
+
+<table>
+  <tr style="opacity: 0.8"><td>cell</td></tr>
+</table>
+
+<script>
+
+var tr = document.getElementsByTagName("tr")[0];
+
+// Not sure why, but to make this test fail without the patch, this has to
+// be a setTimeout(0) rather than waiting for MozReftestInvalidate.
+setTimeout(step1, 0);
+
+function step1() {
+  tr.style.opacity = "0.8";
+  setTimeout(step2, 0);
+}
+
+function step2() {
+  tr.style.opacity = "0.8";
+  setTimeout(step3, 0);
+}
+
+function step3() {
+  tr.style.opacity = "";
+
+  document.documentElement.classList.remove("reftest-wait");
+}
+
+</script>
