This shows you the differences between two versions of the page.
Both sides previous revisionPrevious revisionNext revision | Previous revisionNext revisionBoth sides next revision | ||
ideas:feature-testing [2010/05/07 15:46] – tabatkins | ideas:feature-testing [2014/12/09 15:48] – external edit 127.0.0.1 | ||
---|---|---|---|
Line 23: | Line 23: | ||
- | '' | + | |
- | background: white; | + | background: white; |
- | color: black; | + | color: black; |
- | } | + | } |
- | h2 { | + | h2 { |
- | background: white; | + | background: white; |
- | color: white; | + | color: white; |
- | text-shadow: | + | text-shadow: |
- | }'' | + | } |
If text-shadow is supported, color is set to white and the text-shadow keeps it legible. | If text-shadow is supported, color is set to white and the text-shadow keeps it legible. | ||
- | '' | + | |
- | #header { position: absolute; left: 0; right: 0; top: 0; height: 150px;} | + | #header { position: absolute; left: 0; right: 0; top: 0; height: 150px;} |
- | #sidebar { position: absolute; left: 0; top: 150px; width: 200px;} | + | #sidebar { position: absolute; left: 0; top: 150px; width: 200px;} |
- | #content { position: absolute; left: 200px; right: 0;top: 150px; } | + | #content { position: absolute; left: 200px; right: 0;top: 150px; } |
- | @supports { | + | @supports { |
- | body { | + | body { |
- | display: " | + | display: " |
- | | + | |
- | 200px auto !required; | + | 200px auto !required; |
+ | } | ||
+ | #header { position: a; height: auto;} | ||
+ | #sidebar { position: b; width: auto;} | ||
+ | #content { position: c; } | ||
} | } | ||
- | #header { position: a; height: auto;} | ||
- | #sidebar { position: b; width: auto;} | ||
- | #content { position: c; } | ||
- | }'' | ||
In this example, if a browser supports Template Layout, the later `position` values override the previous values of " | In this example, if a browser supports Template Layout, the later `position` values override the previous values of " |