Comments on: Подборка CSS-хаков для различных браузеров

By: Vladimir

Vladimir — Fri, 27 Jun 2008 23:06:35 +0000

Теперь немного экзотики.

Хаки:

/* Красный цвет - хаков нет */
div {
background: red;
width: 200px;
height: 30px;
color: #FFF;
}

body:last-child:not(:root:root) div.div1 { background: green; }
html:not(:nth-child(1)) div.div2 { background: yellow; }
@media all and (min-width: 0px) {
body:not(:root:root) div.div3 { background: cyan; }
}

@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {
div.div4 { background: blue; }
head ~ body div.div5 { background: black; }
:root div.div6 { background: silver; }
}

@media all and (-webkit-min-device-pixel-ratio:10000) {
div.div7 { background: fuchsia; }
}

Разметка:

<div class="div1">Come here, go there, try another one</div><br/>
<div class="div2">Come here, go there, try another one</div><br/>
<div class="div3">Come here, go there, try another one</div><br/>
<div class="div4">Come here, go there, try another one</div><br/>
<div class="div5">Come here, go there, try another one</div><br/>
<div class="div6">Come here, go there, try another one</div><br/>
<div class="div7">Come here, go there, try another one</div><br/>

Тестовая страница
Результат на browsershots.org

By: Vladimir

Vladimir — Sat, 12 Apr 2008 19:22:27 +0000

Николай, большое спасибо! Кстати, я видел эту страницу…

By: Николай

Николай — Sat, 12 Apr 2008 18:50:59 +0000

В дополнении к “Поддержка CSS-селекторов различными браузерами” посмотри сайт http://www.webdevout.net/browser-support-html поддержка CSS1 - CSS3, HTML/XHTML и т.д. может заинтересует…
Спасибо за подборку.

By: Размещение блока неизвестного размера в центре страницы при помощи CSS | Ars Longs, Vita Brevis

Tue, 01 Apr 2008 06:45:35 +0000

[...] Подборка CSS-хаков для различных браузеров. [...]