Thanks to differences on rendering between CPU X GPU, there is a 1 pixel wide

difference in the position where the top border meets the right border (as
also the right border X bottom border).

The workaround to have a test that will work on both modes is to cover the
affected area with a white div. This patch adds inset test.
This commit is contained in:
Adenilson Cavalcanti 2014-12-16 12:06:57 -08:00 committed by Adenilson Cavalcanti
parent 0e24194d81
commit 92f4ab6394
4 changed files with 63 additions and 0 deletions

49
tests/ref/inset.html Normal file
View file

@ -0,0 +1,49 @@
<!DOCTYPE html>
<html>
<head>
<style>
.test {
color: #f0f;
}
.inset {
border: 10px inset;
width: 100px;
height: 100px;
line-height: 100px;
text-align: center;
}
.hack1 {
width: 20px;
height: 20px;
background-color: white;
border-color: white;
border-style: solid;
position: relative;
top: -20px;
right: 8px;
}
.hack2 {
width: 20px;
height: 20px;
background-color: white;
border-color: white;
border-style: solid;
position: relative;
top: -155px;
right: -100px;
}
</style>
</head>
<body>
<section class="test">
<div class="inset"></div>
</section>
<div class="hack1"></div>
<div class="hack2"></div>
</body>
</html>