mozilla

Compare Revisions

background-size

Change Revisions

Revision 15107:

Revision 15107 by teoli on

Revision 15108:

Revision 15108 by teoli on

Title:
background-size
background-size
Slug:
CSS/background-size
CSS/background-size
Tags:
css, "CSS Reference", NeedsMobileBrowserCompatTable
css, "CSS Reference", NeedsMobileBrowserCompatTable
Content:

Revision 15107
Revision 15108
n196            <th>n196            <th colspan="3">
n205              1.0{{ property_prefix("-webkit") }}n205              1.0{{ property_prefix("-webkit") }} [2]
206            </td>
207            <td>206            </td>
207            <td>
208              {{ CompatGeckoDesktop("1.9.2") }}{{ property_prefix208              {{ CompatGeckoDesktop("1.9.2") }}{{ property_prefix
>("-moz") }} [1]>("-moz") }} [4]
n215              with some bugs (see below)n215              with some bugs [1]
216            </td>
217            <td>
218              3.0 (522){{ property_prefix("-webkit") }}<br>
219              but from an older CSS3 draft [2]
n218              3.0 (522){{ property_prefix("-webkit") }}<br>n222              &nbsp;
219              but from an older CSS3 draft (see below)223            </td>
224            <td rowspan="2">
225              &nbsp;
nn237            </td>
238            <td>
239              4.1 (532)
n250            <td>n259            <td colspan="3">
n270            <td>n279            <td colspan="3">
t343    <ul>t352    <p>
344      <li>As of July 2009, Opera 9.5's computation of the backgro353      [1] Opera 9.5's computation of the background positioning a
>und positioning area is incorrect for fixed backgrounds.&nbsp; Op>rea is incorrect for fixed backgrounds.&nbsp; Opera 9.5 also inte
>era 9.5 also interprets the two-value form as a horizontal scalin>rprets the two-value form as a horizontal scaling factor and, fro
>g factor and, from appearances, a vertical <em>clipping</em> dime>m appearances, a vertical <em>clipping</em> dimension. This has b
>nsion.>een fixed in Opera 10.
345      </li>354    </p>
355    <p>
346      <li>WebKit-based browsers as of July 2009 implement an olde356      [2] WebKit-based browsers originally implemented an older d
>r draft of CSS3 <code>background-size</code> in which an omitted >raft of CSS3 <code>background-size</code> in which an omitted sec
>second value is treated as <em>duplicating</em> the first value; >ond value is treated as <em>duplicating</em> the first value; thi
>this draft does not include the <code>contain</code> or <code>cov>s draft does not include the <code>contain</code> or <code>cover<
>er</code> keywords.>/code> keywords.
347      </li>357    </p>
358    <p>
348      <li>Konqueror 3.5.4 supports <code>-khtml-background-size</359      [3] Konqueror 3.5.4 supports <code>-khtml-background-size</
>code>.>code>.
349      </li>
350      <li>
351        <code>-moz-background-size</code> is no longer supported 
>in Gecko 2.0; you must use <code>background-size</code> instead. 
352      </li>
353    </ul>
354    <p>360    </p>
361    <p>
355      [1] While this property is new in Gecko 1.9.2 (Firefox 3.6)362      [4] While this property is new in Gecko 1.9.2 (Firefox 3.6)
>, it is possible to stretch a image fully over the background in >, it is possible to stretch a image fully over the background in 
>Firefox 3.5 by using {{ cssxref("-moz-border-image") }}.>Firefox 3.5 by using {{ cssxref("-moz-border-image") }}.

Back to History