Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Browse files

Adjust IE9 border-radius tests to work around the IE6-7 bug where neg…

…ative top margin does not work if the element hasLayout. Fixes all tests which rely on elements overlapping by shifting the test element up on top of the reference element. The tests are still valid, we just now avoid an unrelated IE bug.
  • Loading branch information...
commit f540f236b9cf784b134ef78bf9d255bd3e33d4f7 1 parent 73c0d59
Jason Johnston authored
View
6 tests/IE9 border-radius tests/border-radius-shorthand-001.htm
@@ -30,7 +30,8 @@
#test1
{
behavior: url(../../build/PIE.htc);
- margin-top: -220px;
+ position: relative;
+ top: -220px;
border: 10px solid black;
border-radius : 40px;
}
@@ -46,7 +47,8 @@
#test2
{
behavior: url(../../build/PIE.htc);
- margin-top: -220px;
+ position: relative;
+ top: -220px;
border: 10px solid black;
border-radius: 2em 1em 4em / 0.5em 3em;
}
View
24 tests/IE9 border-radius tests/border-radius-sum-of-radii-001.htm
@@ -27,7 +27,8 @@
}
#test1
{
- margin-top: -100px;
+ position: relative;
+ top: -100px;
border-color: black;
border-radius: 60px 150px 30px 30px;
}
@@ -37,7 +38,8 @@
}
#test2
{
- margin-top: -100px;
+ position: relative;
+ top: -100px;
border-color: black;
border-radius: 0px 150px 0px 30px;
}
@@ -47,7 +49,8 @@
}
#test3
{
- margin-top: -100px;
+ position: relative;
+ top: -100px;
border-color: black;
border-radius: 150px 0px 30px 0px;
}
@@ -57,7 +60,8 @@
}
#test4
{
- margin-top: -100px;
+ position: relative;
+ top: -100px;
border-color: black;
border-radius: 50px 70px 30px 30px;
}
@@ -67,7 +71,8 @@
}
#test5
{
- margin-top: -100px;
+ position: relative;
+ top: -100px;
border-color: black;
border-radius: 150px 150px 30px 30px;
}
@@ -77,7 +82,8 @@
}
#test6
{
- margin-top: -100px;
+ position: relative;
+ top: -100px;
border-color: black;
border-radius: 30px 50px 70px 30px;
}
@@ -87,7 +93,8 @@
}
#test7
{
- margin-top: -100px;
+ position: relative;
+ top: -100px;
border-color: black;
border-radius: 30px 30px 50px 70px;
}
@@ -97,7 +104,8 @@
}
#test8
{
- margin-top: -100px;
+ position: relative;
+ top: -100px;
border-color: black;
border-radius: 70px 30px 30px 50px;
}
View
12 tests/IE9 border-radius tests/border-radius-sum-of-radii-002.htm
@@ -25,7 +25,8 @@
}
#test1
{
- margin-top: -100px;
+ position: relative;
+ top: -100px;
border-color: black;
border-radius: 50px 50px 30px 30px;
}
@@ -35,7 +36,8 @@
}
#test2
{
- margin-top: -100px;
+ position: relative;
+ top: -100px;
border-color: black;
border-radius: 30px 15000000px 30px 30px;
}
@@ -45,7 +47,8 @@
}
#test3
{
- margin-top: -100px;
+ position: relative;
+ top: -100px;
border-color: black;
border-radius: 30px -150px 30px 30px;
}
@@ -59,7 +62,8 @@
{
width: 1000px;
height: 500px;
- margin-top: -520px;
+ position: relative;
+ top: -520px;
border-color: black;
border-radius: 0.1px 0.1px 0.1px 0.1px;
}
View
3  tests/IE9 border-radius tests/border-radius-with-three-values-001.htm
@@ -31,7 +31,8 @@
{
border-radius: 10px 50px 30px;
border-color: green;
- margin-top: -2.4in;
+ position: relative;
+ top: -2.4in;
}
</style>
</head><body>
View
3  tests/IE9 border-radius tests/border-radius-with-two-values-001.htm
@@ -31,7 +31,8 @@
{
border-radius: 10px 50px;
border-color: green;
- margin-top: -2.4in;
+ position: relative;
+ top: -2.4in;
}
</style>
</head><body>
View
3  tests/IE9 border-radius tests/border-top-left-radius-values-002.htm
@@ -24,7 +24,8 @@
#test
{
behavior: url(../../build/PIE.htc);
- margin-top: -292px;
+ position: relative;
+ top: -292px;
height: 288px;
width: 384px;
border: 2px solid black;
Please sign in to comment.
Something went wrong with that request. Please try again.