Updated background-size-025, 028, 029 and 031 per Gérard's review, updated background-size-027 tiny different from Gérard's review, and added reftest to background-size-026

Wed, 21 Nov 2012 09:31:10 +0800

author
Zhiqiang Zhang <zhiqiang.zhang@intel.com>
date
Wed, 21 Nov 2012 09:31:10 +0800
changeset 4781
6586e1a5824c
parent 4780
0939ebc1a847
child 4782
222c51143ff6
child 4783
2246c4980132

Updated background-size-025, 028, 029 and 031 per Gérard's review, updated background-size-027 tiny different from Gérard's review, and added reftest to background-size-026

contributors/intel/submitted/css3-background/background-size-025.html file | annotate | diff | comparison | revisions
contributors/intel/submitted/css3-background/background-size-026.html file | annotate | diff | comparison | revisions
contributors/intel/submitted/css3-background/background-size-027.html file | annotate | diff | comparison | revisions
contributors/intel/submitted/css3-background/background-size-028.html file | annotate | diff | comparison | revisions
contributors/intel/submitted/css3-background/background-size-029.html file | annotate | diff | comparison | revisions
contributors/intel/submitted/css3-background/background-size-030.html file | annotate | diff | comparison | revisions
contributors/intel/submitted/css3-background/background-size-031.html file | annotate | diff | comparison | revisions
contributors/intel/submitted/css3-background/reference/background-size-025-ref.xht file | annotate | diff | comparison | revisions
contributors/intel/submitted/css3-background/reference/background-size-026-ref.xht file | annotate | diff | comparison | revisions
contributors/intel/submitted/css3-background/reference/background-size-027-ref.xht file | annotate | diff | comparison | revisions
contributors/intel/submitted/css3-background/reference/background-size-028-ref.xht file | annotate | diff | comparison | revisions
contributors/intel/submitted/css3-background/reference/background-size-029-ref.xht file | annotate | diff | comparison | revisions
contributors/intel/submitted/css3-background/reference/background-size-031-ref.xht file | annotate | diff | comparison | revisions
contributors/intel/submitted/css3-background/support/100x100-gradient-blue-to-orange.png file | annotate | diff | comparison | revisions
     1.1 --- a/contributors/intel/submitted/css3-background/background-size-025.html	Tue Nov 20 16:55:00 2012 +0100
     1.2 +++ b/contributors/intel/submitted/css3-background/background-size-025.html	Wed Nov 21 09:31:10 2012 +0800
     1.3 @@ -1,31 +1,42 @@
     1.4  <!DOCTYPE html>
     1.5  <html>
     1.6    <head>
     1.7 -    <title>CSS Backgrounds and Borders Test: background-size 'auto 60px' with background-repeat 'round'</title>
     1.8 -    <link rel="author" title="Intel" href="http://www.intel.com" />
     1.9 -    <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" />
    1.10 -    <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-repeat" />
    1.11 -    <meta name="flags" content="image" />
    1.12 -    <meta name="assert" content="Check if 'background-size' is 'auto 60px' and 'background-repeat' is 'round', then the height of the corresponding background image is rounded (66.6px in this test) so that it fits a whole number of times (3 in this test) in the background positioning area, and the width of the background image is rescaled (66.0px in this test) to keep the original aspect ratio." />
    1.13 +    <title>CSS Backgrounds and Borders Test: background-size 'auto 61px' with background-repeat 'round'</title>
    1.14 +    <link rel="author" title="Intel" href="http://www.intel.com">
    1.15 +    <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2012-11-15 -->
    1.16 +    <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" title="3.9. Sizing Images: the 'background-size' property">
    1.17 +    <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-repeat" title="3.4. Tiling Images: the 'background-repeat' property">
    1.18 +    <link rel="match" href="reference/background-size-025-ref.xht">
    1.19 +
    1.20 +    <meta name="flags" content="image">
    1.21 +    <meta name="assert" content="Check if 'background-size' is 'auto 61px' and 'background-repeat' is 'round', then the height of the corresponding background image is rounded (70px in this test) so that it fits a whole number of times (3 in this test) in the background positioning area, and the width of the background image is rescaled (70px in this test) to keep the original aspect ratio.">
    1.22      <style>
    1.23          div {
    1.24              background-color: red;
    1.25 -            background-image: url(support/cat.png);  /* 98px by 99px */
    1.26 +            background-image: url("support/100x100-gradient-blue-to-orange.png"); 
    1.27              background-repeat: round;  /* round round */
    1.28 -            background-size: auto 60px;
    1.29 -            height: 200px;
    1.30 -            width: 200px;
    1.31 +            background-size: auto 61px;
    1.32 +            height: 210px;
    1.33 +            width: 210px;
    1.34              
    1.35              /* 
    1.36 -            Background positioning area is 200px wide by 200px tall.
    1.37 -            So, the rounded height of the image is 66.6px, [200px / rounded (200px / 60px)]
    1.38 -            and the width is rescaled to 60.0px to keep the original aspect ratio.
    1.39 +            Background positioning area is 210px wide by 210px tall.
    1.40 +            The set background size height is 61px. But because
    1.41 +            background repeat is round, then the background image
    1.42 +            is rescaled as follows:
    1.43 +            Newest height = 210px / (round [210px / 61px]);
    1.44 +            Newest height = 210px / (round [3.44]);
    1.45 +            Newest height = 210px / (3); 
    1.46 +            Newest height = 70px;
    1.47 +
    1.48 +            The width is rescaled to 70px to keep the original aspect ratio.
    1.49              */
    1.50          }
    1.51      </style>
    1.52    </head>
    1.53    <body>
    1.54 -    <p>Test passes if there is 3 rows of 3 cats and if there is <strong>no partially</strong> displayed cat and <strong>no red</strong>.</p>
    1.55 +    <p>Test passes if there is 3 rows of 3 blue-to-orange squares and if there is <strong>no partially</strong> displayed squares and <strong>no red</strong>.</p>
    1.56 +
    1.57      <div></div>
    1.58    </body>
    1.59  </html>
     2.1 --- a/contributors/intel/submitted/css3-background/background-size-026.html	Tue Nov 20 16:55:00 2012 +0100
     2.2 +++ b/contributors/intel/submitted/css3-background/background-size-026.html	Wed Nov 21 09:31:10 2012 +0800
     2.3 @@ -5,6 +5,7 @@
     2.4      <link rel="author" title="Intel" href="http://www.intel.com">
     2.5      <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2012-11-14 -->
     2.6      <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" title="3.9. Sizing Images: the 'background-size' property">
     2.7 +    <link rel="match" href="reference/background-size-026-ref.xht">
     2.8      <meta name="flags" content="image">
     2.9      <meta name="assert" content="Check if 'background-size' is 'auto' and 'background-repeat' is 'repeat', that the background image is shown at its intrinsic size (98px wide by 99px tall in this test) and repeats in both horizontal and vertical to cover the background painting area (the same as background positioning area in this test).">
    2.10      <style>
     3.1 --- a/contributors/intel/submitted/css3-background/background-size-027.html	Tue Nov 20 16:55:00 2012 +0100
     3.2 +++ b/contributors/intel/submitted/css3-background/background-size-027.html	Wed Nov 21 09:31:10 2012 +0800
     3.3 @@ -1,32 +1,41 @@
     3.4  <!DOCTYPE html>
     3.5  <html>
     3.6    <head>
     3.7 -    <title>CSS Backgrounds and Borders Test: background-size '60px auto' with background-repeat 'repeat round'</title>
     3.8 +    <title>CSS Backgrounds and Borders Test: background-size '52px auto' with background-repeat 'repeat round'</title>
     3.9      <link rel="author" title="Intel" href="http://www.intel.com">
    3.10 +    <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2012-11-15 -->
    3.11      <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" title="3.9. Sizing Images: the 'background-size' property">
    3.12 -    <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-repeat">
    3.13 +    <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-repeat" title="3.4. Tiling Images: the 'background-repeat' property">
    3.14 +    <link rel="match" href="reference/background-size-027-ref.xht">
    3.15 +
    3.16      <meta name="flags" content="image">
    3.17 -    <meta name="assert" content="Check if 'background-size' is '60px auto' and 'background-repeat' is 'repeat round', then the width of the corresponding background image is 60px, and the height is rescaled to approximately 60px to keep the original aspect ratio or slightly less.">
    3.18 +    <meta name="assert" content="Check if 'background-size' is '52px auto' and 'background-repeat' is 'repeat round', then the width of the corresponding background image is 52px and then repeated while the height is first rescaled from 100px to 52px to keep the original image aspect ratio and then to 60px due to 'round'.">
    3.19      <style>
    3.20          div {
    3.21              background-color: red;
    3.22 -            background-image: url(support/cat.png);  /* 98px wide by 99px tall */
    3.23 +            background-image: url(support/100x100-gradient-blue-to-orange.png);
    3.24              background-repeat: repeat round;
    3.25 -            background-size: 60px auto;
    3.26 +            background-size: 52px auto;
    3.27              height: 180px;
    3.28 -            width: 180px;
    3.29 +            width: 156px;
    3.30              
    3.31              /* 
    3.32 -            Background positioning area is 180px wide by 180px tall.
    3.33 -            The width of the background image is 60px.
    3.34 -            So, the height is rescaled to approximately 60px 
    3.35 -            to keep the original aspect ratio or slightly less.
    3.36 +            Background positioning area is 156px wide by 180px tall.
    3.37 +            The width of the background image is 52px.
    3.38 +            So, the height is rescaled to 52px to keep the original aspect ratio.
    3.39 +            Then, because background-repeat is set to repeat round, the
    3.40 +            height is rescaled as following:
    3.41 +            Newest height = 180px / (round [180px / 52px]);
    3.42 +            Newest height = 180px / (round [3.46]);
    3.43 +            Newest height = 180px / (3); 
    3.44 +            Newest height = 60px;
    3.45              */
    3.46          }
    3.47      </style>
    3.48    </head>
    3.49    <body>
    3.50 -    <p>Test passes if there is 3 rows of 3 cats and if there is <strong>no partially</strong> displayed cat and <strong>no red</strong>.</p>
    3.51 +    <p>Test passes if there is 3 rows of 3 blue-to-orange rectangles and if there is <strong>no partially</strong> displayed rectangles and <strong>no red</strong>.</p>
    3.52 +
    3.53      <div></div>
    3.54    </body>
    3.55  </html>
     4.1 --- a/contributors/intel/submitted/css3-background/background-size-028.html	Tue Nov 20 16:55:00 2012 +0100
     4.2 +++ b/contributors/intel/submitted/css3-background/background-size-028.html	Wed Nov 21 09:31:10 2012 +0800
     4.3 @@ -1,30 +1,34 @@
     4.4  <!DOCTYPE html>
     4.5  <html>
     4.6    <head>
     4.7 -    <title>CSS Backgrounds and Borders Test: background-size '49px' with background-repeat 'repeat'</title>
     4.8 +    <title>CSS Backgrounds and Borders Test: background-size '50px' with background-repeat 'repeat'</title>
     4.9      <link rel="author" title="Intel" href="http://www.intel.com">
    4.10 +    <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2012-11-15 -->
    4.11      <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" title="3.9. Sizing Images: the 'background-size' property">
    4.12 +    <link rel="match" href="reference/background-size-028-ref.xht">
    4.13 +    
    4.14      <meta name="flags" content="image">
    4.15 -    <meta name="assert" content="Check if 'background-size' is '49px' and 'background-repeat' is 'repeat', then the background image is shown with a width of 49px and its height is resolved by using the image's intrinsic ratio (in this test, the image's intrinsic ratio is 99:98) and (multiplied by) the size of the other dimension, and then it is repeated in both directions.">
    4.16 +    <meta name="assert" content="Check if 'background-size' is '50px' and 'background-repeat' is 'repeat', then the background image is shown with a width of 50px and its height is resolved by using the image's intrinsic ratio (in this test, the image's intrinsic ratio is 1:1) and (multiplied by) the size of the other dimension, and then it is repeated in both directions.">
    4.17      <style>
    4.18          div {
    4.19              background-color: red;
    4.20 -            background-image: url(support/cat.png);  /* 98px wide by 99px tall */
    4.21 +            background-image: url(support/100x100-gradient-blue-to-orange.png);
    4.22              background-repeat: repeat;  /* default */
    4.23 -            background-size: 49px;  /* 49px auto */
    4.24 -            height: 198px;
    4.25 -            width: 196px;
    4.26 +            background-size: 50px;  /* 50px auto */
    4.27 +            height: 200px;
    4.28 +            width: 200px;
    4.29              
    4.30              /* 
    4.31 -            Background positioning area is 196px wide by 198px tall.
    4.32 -            So, the image should be rescaled to 49px by 49.5px
    4.33 -            and be repeated four times in horizontal and vertical.
    4.34 +            Background positioning area is 200px wide by 200px tall.
    4.35 +            So, the image should be rescaled to 50px by 50px and 
    4.36 +            then be repeated four times in horizontal and vertical directions.
    4.37              */
    4.38          }
    4.39      </style>
    4.40    </head>
    4.41    <body>
    4.42 -    <p>Test passes if there is 4 rows of 4 cats and if there is <strong>no partially</strong> displayed cat and <strong>no red</strong>.</p>
    4.43 +    <p>Test passes if there is 4 rows of 4 blue-to-orange squares and if there is <strong>no partially</strong> displayed square and <strong>no red</strong>.</p>
    4.44 +
    4.45      <div></div>
    4.46    </body>
    4.47  </html>
     5.1 --- a/contributors/intel/submitted/css3-background/background-size-029.html	Tue Nov 20 16:55:00 2012 +0100
     5.2 +++ b/contributors/intel/submitted/css3-background/background-size-029.html	Wed Nov 21 09:31:10 2012 +0800
     5.3 @@ -1,31 +1,43 @@
     5.4  <!DOCTYPE html>
     5.5  <html>
     5.6    <head>
     5.7 -    <title>CSS Backgrounds and Borders Test: background-size '60px auto' with background-repeat 'round repeat'</title>
     5.8 +    <title>CSS Backgrounds and Borders Test: background-size '52px auto' with background-repeat 'round repeat'</title>
     5.9      <link rel="author" title="Intel" href="http://www.intel.com">
    5.10 +    <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2012-11-15 -->
    5.11      <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" title="3.9. Sizing Images: the 'background-size' property">
    5.12 -    <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-repeat">
    5.13 +    <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-repeat" title="3.4. Tiling Images: the 'background-repeat' property">
    5.14 +    <link rel="match" href="reference/background-size-029-ref.xht">
    5.15 +
    5.16      <meta name="flags" content="image">
    5.17 -    <meta name="assert" content="Check if 'background-size' is '60px auto' and 'background-repeat' is 'round repeat', then the width of the background image is rescaled to approximately 60px (65.3px in this test) so that it fits a whole number of times in the width of the background positioning area, and the height is resolved by using the image's intrinsic ratio (in this test, the image's intrinsic ratio is 99:98) and (multiplied by) the size of the other dimension.">
    5.18 +    <meta name="assert" content="Check if 'background-size' is '52px auto' and 'background-repeat' is 'round repeat', then the width is first rescaled to from 100px to 52px and then rescaled to 60px due to 'round' and the height of the corresponding background image is rescaled from 100px to 60px (to keep the original image aspect ratio) and then repeated vertically.">
    5.19      <style>
    5.20          div {
    5.21              background-color: red;
    5.22 -            background-image: url(support/cat.png);  /* 98px wide by 99px tall */
    5.23 +            background-image: url(support/100x100-gradient-blue-to-orange.png);
    5.24              background-repeat: round repeat;
    5.25 -            background-size: 60px auto;
    5.26 -            height: 198px;
    5.27 -            width: 196px;
    5.28 +            background-size: 52px auto;
    5.29 +            height: 180px;
    5.30 +            width: 180px;
    5.31              
    5.32              /* 
    5.33 -            background positioning area is 196px wide by 198px tall.
    5.34 -            So, the rounded width of the image is 65.3px, [196px / rounded (196px / 60px)]
    5.35 -            and the height is rescaled to 66.0px to keep the original aspect ratio.
    5.36 +            Background positioning area is 180px wide by 180px tall.
    5.37 +            The width of the background image is 52px.
    5.38 +            But, because background-repeat is set to round repeat, the
    5.39 +            width is rescaled as following:
    5.40 +            Newest width = 180px / (round [180px / 52px]);
    5.41 +            Newest width = 180px / (round [3.46]);
    5.42 +            Newest width = 180px / (3); 
    5.43 +            Newest width = 60px;                      
    5.44 +
    5.45 +            Then the height is rescaled to from 100px to 60px to keep 
    5.46 +            the original aspect ratio.
    5.47              */
    5.48          }
    5.49      </style>
    5.50    </head>
    5.51    <body>
    5.52 -    <p>Test passes if there is 3 rows of 3 cats and if there is <strong>no partially</strong> displayed cat and <strong>no red</strong>.</p>
    5.53 +    <p>Test passes if there is 3 rows of 3 blue-to-orange squares and if there is <strong>no partially</strong> displayed squares and <strong>no red</strong>.</p>
    5.54 +
    5.55      <div></div>
    5.56    </body>
    5.57  </html>
     6.1 --- a/contributors/intel/submitted/css3-background/background-size-030.html	Tue Nov 20 16:55:00 2012 +0100
     6.2 +++ b/contributors/intel/submitted/css3-background/background-size-030.html	Wed Nov 21 09:31:10 2012 +0800
     6.3 @@ -3,28 +3,32 @@
     6.4    <head>
     6.5      <title>CSS Backgrounds and Borders Test: background-size '25% 25%' with background-repeat 'repeat'</title>
     6.6      <link rel="author" title="Intel" href="http://www.intel.com">
     6.7 +    <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2012-11-17 -->
     6.8      <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" title="3.9. Sizing Images: the 'background-size' property">
     6.9 +    <link rel="match" href="reference/background-size-028-ref.xht">
    6.10      <meta name="flags" content="image">
    6.11 -    <meta name="assert" content="Check if 'background-size' is '25% 25%' and 'background-repeat' is 'repeat', then the background image is shown with a width and height of 25% (in this test, 49px by 49.5px), and then it is repeated in both directions.">
    6.12 +
    6.13 +    <meta name="assert" content="Check if 'background-size' is '25% 25%' and 'background-repeat' is 'repeat', then the background image is shown with a width and height of 25% (in this test, 50px by 50px), and then it is repeated in both directions.">
    6.14      <style>
    6.15          div {
    6.16              background-color: red;
    6.17 -            background-image: url(support/cat.png);  /* 98px wide by 99px tall */
    6.18 +            background-image: url(support/100x100-gradient-blue-to-orange.png);
    6.19              background-repeat: repeat;  /* default */
    6.20              background-size: 25% 25%;
    6.21 -            height: 198px;
    6.22 -            width: 196px;
    6.23 +            height: 200px;
    6.24 +            width: 200px;
    6.25              
    6.26              /* 
    6.27 -            Background positioning area is 196px wide by 198px tall.
    6.28 -            So, the image should be rescaled to 49px by 49.5px
    6.29 +            Background positioning area is 200px wide by 200px tall.
    6.30 +            So, the image should be rescaled to 50px by 50px
    6.31              and be repeated four times in horizontal and vertical.
    6.32              */
    6.33          }
    6.34      </style>
    6.35    </head>
    6.36    <body>
    6.37 -    <p>Test passes if there is 4 rows of 4 cats and if there is <strong>no partially</strong> displayed cat and <strong>no red</strong>.</p>
    6.38 +    <p>Test passes if there is 4 rows of 4 blue-to-orange squares and if there is <strong>no partially</strong> displayed squares and <strong>no red</strong>.</p>
    6.39 +
    6.40      <div></div>
    6.41    </body>
    6.42  </html>
     7.1 --- a/contributors/intel/submitted/css3-background/background-size-031.html	Tue Nov 20 16:55:00 2012 +0100
     7.2 +++ b/contributors/intel/submitted/css3-background/background-size-031.html	Wed Nov 21 09:31:10 2012 +0800
     7.3 @@ -3,18 +3,21 @@
     7.4    <head>
     7.5      <title>CSS Backgrounds and Borders Test: background-size '20% 30%' with background-repeat 'no-repeat round'</title>
     7.6      <link rel="author" title="Intel" href="http://www.intel.com">
     7.7 +    <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2012-11-17 -->
     7.8      <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size" title="3.9. Sizing Images: the 'background-size' property">
     7.9 -    <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-repeat">
    7.10 +    <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-repeat" title="3.4. Tiling Images: the 'background-repeat' property">
    7.11 +    <link rel="match" href="reference/background-size-031-ref.xht">
    7.12 +
    7.13      <meta name="flags" content="image">
    7.14 -    <meta name="assert" content="Check if 'background-size' is '20% 30%' and 'background-repeat' is 'no-repeat round', then the height of the corresponding background image is rounded to 33.3% (50px in this test) so that it fits a whole number of times (3 in this test) in the background positioning area, and the width of the background image is rescaled to 20% (50px in this test) of the background area.">
    7.15 +    <meta name="assert" content="Check if 'background-size' is '20% 30%' and 'background-repeat' is 'no-repeat round', then the height of the corresponding background image is 50px so that it fits a whole number of times (3 in this test) in the background positioning area, and the width of the background image is rescaled to 20% (50px in this test) of the background area.">
    7.16      <style>
    7.17          #ref-overlapped-red {
    7.18              background-color: red;
    7.19              height: 150px;
    7.20              width: 50px; 
    7.21          }
    7.22 -        #test-overlapping-cat {
    7.23 -            background-image: url(support/cat.png);  /* 98px wide by 99px tall */
    7.24 +        #test-overlapping-square {
    7.25 +            background-image: url(support/100x100-gradient-blue-to-orange.png);
    7.26              background-repeat: no-repeat round;
    7.27              background-size: 20% 30%;
    7.28              bottom: 150px;
    7.29 @@ -22,11 +25,23 @@
    7.30              position: relative;
    7.31              width: 250px; 
    7.32          }
    7.33 +            /* 
    7.34 +            Background positioning area is 250px wide by 150px tall.
    7.35 +            The width of the background image is 20% of 250px == 50px.
    7.36 +            The height is rescaled to 30% of 150px == 45px.
    7.37 +            Then, because background-repeat is set to no-repeat round, the
    7.38 +            height is rescaled as following:
    7.39 +            Newest height = 150px / (round [150px / 45px]);
    7.40 +            Newest height = 150px / (round [3.33]);
    7.41 +            Newest height = 150px / (3); 
    7.42 +            Newest height = 50px;
    7.43 +            */
    7.44      </style>
    7.45    </head>
    7.46    <body>
    7.47 -    <p>Test passes if there is 3 rows of 1 cat and if there is <strong>no partially</strong> displayed cat and <strong>no red</strong>.</p>
    7.48 +    <p>Test passes if there is 1 column of 3 blue-to-orange squares and if there is <strong>no partially</strong> displayed square and <strong>no red</strong>.</p>
    7.49 +
    7.50      <div id="ref-overlapped-red"></div>
    7.51 -    <div id="test-overlapping-cat"></div>
    7.52 +    <div id="test-overlapping-square"></div>
    7.53    </body>
    7.54  </html>
     8.1 --- /dev/null	Thu Jan 01 00:00:00 1970 +0000
     8.2 +++ b/contributors/intel/submitted/css3-background/reference/background-size-025-ref.xht	Wed Nov 21 09:31:10 2012 +0800
     8.3 @@ -0,0 +1,29 @@
     8.4 +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
     8.5 +
     8.6 +<html xmlns="http://www.w3.org/1999/xhtml">
     8.7 +
     8.8 + <head>
     8.9 +
    8.10 +  <title>CSS Reftest Reference</title>
    8.11 +
    8.12 +  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
    8.13 +
    8.14 +  <style type="text/css"><![CDATA[
    8.15 +  img
    8.16 +  {
    8.17 +  height: 70px;
    8.18 +  vertical-align: top;
    8.19 +  width: 70px;
    8.20 +  }
    8.21 +  ]]></style>
    8.22 +
    8.23 + </head>
    8.24 +
    8.25 + <body>
    8.26 +
    8.27 +  <p>Test passes if there is 3 rows of 3 blue-to-orange squares and if there is <strong>no partially</strong> displayed squares and <strong>no red</strong>.</p>
    8.28 +
    8.29 +  <div><img src="../support/100x100-gradient-blue-to-orange.png" alt="Image download support must be enabled" /><img src="../support/100x100-gradient-blue-to-orange.png" alt="Image download support must be enabled" /><img src="../support/100x100-gradient-blue-to-orange.png" alt="Image download support must be enabled" /><br /><img src="../support/100x100-gradient-blue-to-orange.png" alt="Image download support must be enabled" /><img src="../support/100x100-gradient-blue-to-orange.png" alt="Image download support must be enabled" /><img src="../support/100x100-gradient-blue-to-orange.png" alt="Image download support must be enabled" /><br /><img src="../support/100x100-gradient-blue-to-orange.png" alt="Image download support must be enabled" /><img src="../support/100x100-gradient-blue-to-orange.png" alt="Image download support must be enabled" /><img src="../support/100x100-gradient-blue-to-orange.png" alt="Image download support must be enabled" /></div>
    8.30 +
    8.31 + </body>
    8.32 +</html>
    8.33 \ No newline at end of file
     9.1 --- /dev/null	Thu Jan 01 00:00:00 1970 +0000
     9.2 +++ b/contributors/intel/submitted/css3-background/reference/background-size-026-ref.xht	Wed Nov 21 09:31:10 2012 +0800
     9.3 @@ -0,0 +1,28 @@
     9.4 +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
     9.5 +
     9.6 +<html xmlns="http://www.w3.org/1999/xhtml">
     9.7 +
     9.8 + <head>
     9.9 +
    9.10 +  <title>CSS Reftest Reference</title>
    9.11 +
    9.12 +  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
    9.13 +
    9.14 +  <style type="text/css"><![CDATA[
    9.15 +  div {width: 196px;}
    9.16 +  
    9.17 +  img {vertical-align: top;}
    9.18 +  ]]></style>
    9.19 +
    9.20 + </head>
    9.21 +
    9.22 + <body>
    9.23 +
    9.24 +  <p>Test passes if there is 2 rows of 2 cats and if there is <strong>no partially</strong> displayed cat and <strong>no red</strong>.</p>
    9.25 +
    9.26 +  <div>
    9.27 +    <img alt="Image download support must be enabled" src="../support/cat.png" /><img alt="Image download support must be enabled" src="../support/cat.png" /><img alt="Image download support must be enabled" src="../support/cat.png" /><img alt="Image download support must be enabled" src="../support/cat.png" />
    9.28 +  </div>
    9.29 +
    9.30 + </body>
    9.31 +</html>
    9.32 \ No newline at end of file
    10.1 --- /dev/null	Thu Jan 01 00:00:00 1970 +0000
    10.2 +++ b/contributors/intel/submitted/css3-background/reference/background-size-027-ref.xht	Wed Nov 21 09:31:10 2012 +0800
    10.3 @@ -0,0 +1,29 @@
    10.4 +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    10.5 +
    10.6 +<html xmlns="http://www.w3.org/1999/xhtml">
    10.7 +
    10.8 + <head>
    10.9 +
   10.10 +  <title>CSS Reftest Reference</title>
   10.11 +
   10.12 +  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
   10.13 +
   10.14 +  <style type="text/css"><![CDATA[
   10.15 +  img
   10.16 +  {
   10.17 +  height: 60px;
   10.18 +  vertical-align: top;
   10.19 +  width: 52px;
   10.20 +  }
   10.21 +  ]]></style>
   10.22 +
   10.23 + </head>
   10.24 +
   10.25 + <body>
   10.26 +
   10.27 +  <p>Test passes if there is 3 rows of 3 blue-to-orange rectangles and if there is <strong>no partially</strong> displayed rectangles and <strong>no red</strong>.</p>
   10.28 +
   10.29 +  <div><img src="../support/100x100-gradient-blue-to-orange.png" alt="Image download support must be enabled" /><img src="../support/100x100-gradient-blue-to-orange.png" alt="Image download support must be enabled" /><img src="../support/100x100-gradient-blue-to-orange.png" alt="Image download support must be enabled" /><br /><img src="../support/100x100-gradient-blue-to-orange.png" alt="Image download support must be enabled" /><img src="../support/100x100-gradient-blue-to-orange.png" alt="Image download support must be enabled" /><img src="../support/100x100-gradient-blue-to-orange.png" alt="Image download support must be enabled" /><br /><img src="../support/100x100-gradient-blue-to-orange.png" alt="Image download support must be enabled" /><img src="../support/100x100-gradient-blue-to-orange.png" alt="Image download support must be enabled" /><img src="../support/100x100-gradient-blue-to-orange.png" alt="Image download support must be enabled" /></div>
   10.30 +
   10.31 + </body>
   10.32 +</html>
    11.1 --- /dev/null	Thu Jan 01 00:00:00 1970 +0000
    11.2 +++ b/contributors/intel/submitted/css3-background/reference/background-size-028-ref.xht	Wed Nov 21 09:31:10 2012 +0800
    11.3 @@ -0,0 +1,29 @@
    11.4 +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    11.5 +
    11.6 +<html xmlns="http://www.w3.org/1999/xhtml">
    11.7 +
    11.8 + <head>
    11.9 +
   11.10 +  <title>CSS Reftest Reference</title>
   11.11 +
   11.12 +  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
   11.13 +
   11.14 +  <style type="text/css"><![CDATA[
   11.15 +  img
   11.16 +  {
   11.17 +  height: 50px;
   11.18 +  vertical-align: top;
   11.19 +  width: 50px;
   11.20 +  }
   11.21 +  ]]></style>
   11.22 +
   11.23 + </head>
   11.24 +
   11.25 + <body>
   11.26 +
   11.27 +    <p>Test passes if there is 4 rows of 4 blue-to-orange squares and if there is <strong>no partially</strong> displayed square and <strong>no red</strong>.</p>
   11.28 +
   11.29 +  <div><img src="../support/100x100-gradient-blue-to-orange.png" alt="Image download support must be enabled" /><img src="../support/100x100-gradient-blue-to-orange.png" alt="Image download support must be enabled" /><img src="../support/100x100-gradient-blue-to-orange.png" alt="Image download support must be enabled" /><img src="../support/100x100-gradient-blue-to-orange.png" alt="Image download support must be enabled" /><br /><img src="../support/100x100-gradient-blue-to-orange.png" alt="Image download support must be enabled" /><img src="../support/100x100-gradient-blue-to-orange.png" alt="Image download support must be enabled" /><img src="../support/100x100-gradient-blue-to-orange.png" alt="Image download support must be enabled" /><img src="../support/100x100-gradient-blue-to-orange.png" alt="Image download support must be enabled" /><br /><img src="../support/100x100-gradient-blue-to-orange.png" alt="Image download support must be enabled" /><img src="../support/100x100-gradient-blue-to-orange.png" alt="Image download support must be enabled" /><img src="../support/100x100-gradient-blue-to-orange.png" alt="Image download support must be enabled" /><img src="../support/100x100-gradient-blue-to-orange.png" alt="Image download support must be enabled" /><br /><img src="../support/100x100-gradient-blue-to-orange.png" alt="Image download support must be enabled" /><img src="../support/100x100-gradient-blue-to-orange.png" alt="Image download support must be enabled" /><img src="../support/100x100-gradient-blue-to-orange.png" alt="Image download support must be enabled" /><img src="../support/100x100-gradient-blue-to-orange.png" alt="Image download support must be enabled" /></div>
   11.30 +
   11.31 + </body>
   11.32 +</html>
   11.33 \ No newline at end of file
    12.1 --- /dev/null	Thu Jan 01 00:00:00 1970 +0000
    12.2 +++ b/contributors/intel/submitted/css3-background/reference/background-size-029-ref.xht	Wed Nov 21 09:31:10 2012 +0800
    12.3 @@ -0,0 +1,29 @@
    12.4 +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    12.5 +
    12.6 +<html xmlns="http://www.w3.org/1999/xhtml">
    12.7 +
    12.8 + <head>
    12.9 +
   12.10 +  <title>CSS Reftest Reference</title>
   12.11 +
   12.12 +  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
   12.13 +
   12.14 +  <style type="text/css"><![CDATA[
   12.15 +  img
   12.16 +  {
   12.17 +  height: 60px;
   12.18 +  vertical-align: top;
   12.19 +  width: 60px;
   12.20 +  }
   12.21 +  ]]></style>
   12.22 +
   12.23 + </head>
   12.24 +
   12.25 + <body>
   12.26 +
   12.27 +  <p>Test passes if there is 3 rows of 3 blue-to-orange squares and if there is <strong>no partially</strong> displayed squares and <strong>no red</strong>.</p>
   12.28 +
   12.29 +  <div><img src="../support/100x100-gradient-blue-to-orange.png" alt="Image download support must be enabled" /><img src="../support/100x100-gradient-blue-to-orange.png" alt="Image download support must be enabled" /><img src="../support/100x100-gradient-blue-to-orange.png" alt="Image download support must be enabled" /><br /><img src="../support/100x100-gradient-blue-to-orange.png" alt="Image download support must be enabled" /><img src="../support/100x100-gradient-blue-to-orange.png" alt="Image download support must be enabled" /><img src="../support/100x100-gradient-blue-to-orange.png" alt="Image download support must be enabled" /><br /><img src="../support/100x100-gradient-blue-to-orange.png" alt="Image download support must be enabled" /><img src="../support/100x100-gradient-blue-to-orange.png" alt="Image download support must be enabled" /><img src="../support/100x100-gradient-blue-to-orange.png" alt="Image download support must be enabled" /></div>
   12.30 +
   12.31 + </body>
   12.32 +</html>
   12.33 \ No newline at end of file
    13.1 --- /dev/null	Thu Jan 01 00:00:00 1970 +0000
    13.2 +++ b/contributors/intel/submitted/css3-background/reference/background-size-031-ref.xht	Wed Nov 21 09:31:10 2012 +0800
    13.3 @@ -0,0 +1,29 @@
    13.4 +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    13.5 +
    13.6 +<html xmlns="http://www.w3.org/1999/xhtml">
    13.7 +
    13.8 + <head>
    13.9 +
   13.10 +  <title>CSS Reftest Reference</title>
   13.11 +
   13.12 +  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
   13.13 +
   13.14 +  <style type="text/css"><![CDATA[
   13.15 +  img
   13.16 +  {
   13.17 +  height: 50px;
   13.18 +  vertical-align: top;
   13.19 +  width: 50px;
   13.20 +  }
   13.21 +  ]]></style>
   13.22 +
   13.23 + </head>
   13.24 +
   13.25 + <body>
   13.26 +
   13.27 +  <p>Test passes if there is 1 column of 3 blue-to-orange squares and if there is <strong>no partially</strong> displayed square and <strong>no red</strong>.</p>
   13.28 +
   13.29 +  <div><img src="../support/100x100-gradient-blue-to-orange.png" alt="Image download support must be enabled" /><br /><img src="../support/100x100-gradient-blue-to-orange.png" alt="Image download support must be enabled" /><br /><img src="../support/100x100-gradient-blue-to-orange.png" alt="Image download support must be enabled" /></div>
   13.30 +
   13.31 + </body>
   13.32 +</html>
   13.33 \ No newline at end of file
    14.1 Binary file contributors/intel/submitted/css3-background/support/100x100-gradient-blue-to-orange.png has changed

mercurial